鍍金池/ 問答/HTML/ video標簽的autoplay無效了怎么解決

video標簽的autoplay無效了怎么解決

如題,在window+chrome下是正常的,mac+chrome不行,非要用戶與頁面交互才能開啟播放,
這是我網(wǎng)上找的一個chrome更新video機制的說明地址:https://developers.google.com...

現(xiàn)在這個問題是無解了嗎?如果說chrome的確是決定必須要用戶交互,可為什么window下又沒這個限制?

回答
編輯回答
囍槑

應(yīng)該是看完了,再附上網(wǎng)址的吧?

  • Autoplay with sound is allowed if:

    • On desktop, the user's Media Engagement Index threshold has been crossed, meaning the user has previously play video with sound.

所以必須要用戶交互,或者 chrome://media-engagement 的 Is HighYes

所以Win十有八九是測試得太多了,MEI夠高。

問題的解決辦法按Google推薦的去做就行了,靜音自動播放是允許的,用戶點擊了再播放聲音就行。

<video id="video" muted autoplay>
<button id="unmuteButton"></button>

<script>
  unmuteButton.addEventListener('click', function() {
    video.muted = false;
  });
</script>

說實話,一聲招呼不打就播放聲音的標簽頁也是直接被關(guān)掉的命,還不如在后臺多茍一會兒。

2017年10月2日 11:35
編輯回答
我甘愿

沒做過mac的,ios也不支持autoplay,直接粗暴getElementById().play()解決。

2017年3月30日 10:02