chrome浏览器html5 video标签里的autopaly无法自动播放视频解决方法
生活随笔
收集整理的這篇文章主要介紹了
chrome浏览器html5 video标签里的autopaly无法自动播放视频解决方法
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
今天要寫一個(gè)網(wǎng)頁(yè),
瀏覽器是chrome,
網(wǎng)頁(yè)里有個(gè)自動(dòng)播放的視頻背景,
萬(wàn)事大吉,但是chrome怎么也無(wú)法自動(dòng)播放。360瀏覽器正常。
網(wǎng)上花了很長(zhǎng)時(shí)間,但都是說(shuō)?autopaly ="autopaly" 就可以了。
最后弄了半天,
發(fā)現(xiàn)chrome 從18年起就不支持了。。。
最后了解到,chrome怕你突然聲音出來(lái),嚇到你。
于是需要添加屬性 muted="muted"
也就是靜音,
終于能自動(dòng)播放了!
代碼如下:
<video id="homeVideo" class="home-video" autoplay loop muted poster="res/video/cover.jpg">
<source src="https://vfx.mtime.cn/Video/2019/12/18/mp4/191218142003021124_1080.mp4" type="video/mp4">
</video>
總結(jié)
以上是生活随笔為你收集整理的chrome浏览器html5 video标签里的autopaly无法自动播放视频解决方法的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: input输入框输入内容后显示“X小叉叉
- 下一篇: FontAwesome5.11 与4.7