javascript - 动态更改video.src HTML 5

标签 javascript html video youtube

观看视频时如何更改video.src

current = video.currentTime;
video.src = '2.mp4';
video.currentTime = current;
video.play();

一切正常。但是视频中断了片刻。

如何在不中断观看的情况下更改视频。 Youtube通过自动质量更改来动态更改视频

最佳答案

youTube使用一种称为“自适应流”的技术-碎片化的MP4结构使他们可以快速,无缝地提高/降低质量,因为它们仅以很小的块(约2秒)加载内容。如果您想这样做,他们将需要研究一种支持HLS或(将来更好)MPEG-DASH(例如jwPlayer)的播放器以及合适的编码解决方案(例如Encoding.com)。

如果要无缝地将源更改为新视频,那么最好的方法是在页面上放置两个视频元素,并加载,缓冲和暂停第二个源(或更新currentTime以使其保持同步),然后然后在您要切换时切换两个视频元素的可见性。仍然会有轻微的过渡(尤其是两个播放头不在同一位置时)。

关于javascript - 动态更改video.src HTML 5,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50661941/

相关文章:

audio - 第 135 行出现意外的 '}',但所有 } 都需要 JavaScript 游戏引擎

python - 使用基于状态的标签注释视频帧

javascript - 如何在 html 页面中使用从 native 应用程序接收的数据?

html - 如何根据图像背景设置页面的最小高度

javascript - 有没有一种 Angular 方法可以将 div 滚动锁定到项目底部?

html - 当它们的大小可变时,如何制作 3 个总高度为 100% 的 div?

javascript - Angular JS - 显示 1 div 并隐藏所有其他 div

ios - 如何显示youtube视频文件的下载进度

javascript - Javascript 库发布提要的想法?

javascript - 如何为多个函数声明变量