我们说我有两个视频文件(webm),我希望它们一个接一个地播放。
ended
事件正在发挥作用,但当视频源发生变化时,可见一个人正在改变另一个。我不喜欢这样。
如何将两个视频(大小必须小于1MB)作为单一来源播放?
我的意思是,我如何构建两个视频的blob?例如,我有video1和video2,我想创建这样一个blob,其中video1和video2组合在一起,播放时没有从video1到video2的可见切换。
答案 0 :(得分:0)
如果您遇到的问题是第二个视频在源更改后缓冲了一段时间,您可以使用
将两个视频放在彼此的顶部position: absolute
在你的css视频中。在第二个视频中,使用preload属性在第一个视频播放时加载它。第一个视频完成后,只需将其隐藏
即可display: none
并启动已在后台加载的视频。
Edit1:作为一个概念证明,我一起快速地鞭打了一些东西,但你当然可以把它作为起点并改进它。
Edit2:只要确保这两个视频的大小相同,我只需要前两个可以在网上找到。