解決Chrome 66 中的自動播放限制:解決方案
揭開自動播放挑戰:
在Chrome 66中,開發人員面臨顛覆:實施自動視訊防護措施播放,導致可怕的錯誤訊息:「未捕獲(承諾)DOMException:play()失敗,因為使用者沒有先與文件互動。」
解決問題:
為了規避這個障礙,出現了一個簡單的解決方案:為視頻引入“靜音”屬性
實施修復:
在視頻元素中加入「靜音」後,程式碼現在如下所示:
<video title="Advertisement" webkit-playsinline="true" playsinline="true" >
靜音的含義屬性:
加上「靜音」屬性的後果最小。它預設抑制音訊輸出,但允許視訊按預期自動播放。此外,使用者可以透過使用者互動手動恢復聲音,確保符合 Chrome 的自動播放限制。
以上是如何透過簡單的修復來克服 Chrome 66 的自動播放限制?的詳細內容。更多資訊請關注PHP中文網其他相關文章!