在测试页面中,我在页面上写了5个html5视频文件,如:
<video controls="controls"><source src="v1.m4v"></video>
<video controls="controls"><source src="v2.m4v"></video>
<video controls="controls"><source src="v3.m4v"></video>
<video controls="controls"><source src="v4.m4v"></video>
<video controls="controls"><source src="v5.m4v"></video>
但是当打开页面时,只能加载第一个视频。其他四个只是黑色,或者有时五个都是黑色的。当我在页面上只有一个视频时,它可以成功加载。
所以我认为页面加载视频文件号可能有限制吗?
我的解决方案是将所有视频放入队列,只有当前一个视频加载事件完成后,下一个视频加载事件才会允许开始(使用load()
)。但我怎么知道以前的视频加载事件已完成?