声音无法自动播放这个在 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>
原理就是大多数浏览器在都支持静音的视频播放,如果你的视频需要有声音,或者要用音频,这个还是不能解决问题。