video自动播放问题

2019年07月14日Web前端

在使用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