video自动播放问题
在使用Media Recorder实现js调用摄像头录像功能后,需要测试下录像的文件是否能正常播放,遇到了chrome下video不能自动播放的问题。
问题
在使用autoplay属性后,video并不能自动播放。
<video src="./1.mp4" autoplay></video>
解决方案
静音播放
chrome下允许静音情况下,自动播放。muted属性就可以达到此效果。 在原先的autoplay上增加muted属性,
<video src="./1.mp4" autoplay muted></video>
此时video就可以自动播放了,不过音量为0。
调用api播放
video提供了play播放方法,我们可以直接调用进行播放。
oVideo.play();
手动播放
使用control属性显示操作条,用户手动点击播放。
<video src="./1.mp4" controls></video>
详细代码地址:github。