一个接一个地播放两个视频

时间:2017-04-28 12:03:51

标签: javascript

我们说我有两个视频文件(webm),我希望它们一个接一个地播放。
ended事件正在发挥作用,但当视频源发生变化时,可见一个人正在改变另一个。我不喜欢这样。

如何将两个视频(大小必须小于1MB)作为单一来源播放?

我的意思是,我如何构建两个视频的blob?例如,我有video1和video2,我想创建这样一个blob,其中video1和video2组合在一起,播放时没有从video1到video2的可见切换。

1 个答案:

答案 0 :(得分:0)

如果您遇到的问题是第二个视频在源更改后缓冲了一段时间,您可以使用

将两个视频放在彼此的顶部
position: absolute

在你的css视频中。在第二个视频中,使用preload属性在第一个视频播放时加载它。第一个视频完成后,只需将其隐藏

即可
display: none

并启动已在后台加载的视频。

Edit1:作为一个概念证明,我一起快速地鞭打了一些东西,但你当然可以把它作为起点并改进它。

Proof of concept on Codepen

Edit2:只要确保这两个视频的大小相同,我只需要前两个可以在网上找到。