video的autoplay在Chrome下失效

声音无法自动播放这个在 IOS/Android 上面一直是个惯例,桌面版的 Safari 在 2017 年的 11 版本也宣布禁掉带有声音的多媒体自动播放功能,紧接着在 2018 年 4 月份发布的 Chrome 66 也正式关掉了声音自动播放,也就是说 在桌面版浏览器也将失效。
--------------------- 

原因大概是为了提高用户体验,防止一进入网页会自动播放声音过大的音频。

        <video class="player__video viewer" src="./mp4/demo.mp4"  autoplay loop></video>

解决方法:使用muted属性,设置静音,则进入页面时视频自动播放

        <video class="player__video viewer" src="./mp4/demo.mp4"  muted autoplay loop></video>

原理就是大多数浏览器在都支持静音的视频播放,如果你的视频需要有声音,或者要用音频,这个还是不能解决问题。

猜你喜欢

转载自blog.csdn.net/qq_39207948/article/details/85870895