h5 video声频音频自动播放问题

分享时间:2019-10-15 452 热度℃
在使用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>
本文标签:
返回顶部