首頁 > web前端 > js教程 > 如何透過簡單的修復來克服 Chrome 66 的自動播放限制?

如何透過簡單的修復來克服 Chrome 66 的自動播放限制?

DDD
發布: 2024-11-25 05:24:17
原創
813 人瀏覽過

How to Overcome Chrome 66's Autoplay Restriction with a Simple Fix?

解決Chrome 66 中的自動播放限制:解決方案

揭開自動播放挑戰:

在Chrome 66中,開發人員面臨顛覆:實施自動視訊防護措施播放,導致可怕的錯誤訊息:「未捕獲(承諾)DOMException:play()失敗,因為使用者沒有先與文件互動。」

解決問題:

為了規避這個障礙,出現了一個簡單的解決方案:為視頻引入“靜音”屬性

實施修復:

在視頻元素中加入「靜音」後,程式碼現在如下所示:

<video
    title="Advertisement"
    webkit-playsinline="true"
    playsinline="true"
   >
登入後複製

靜音的含義屬性:

加上「靜音」屬性的後果最小。它預設抑制音訊輸出,但允許視訊按預期自動播放。此外,使用者可以透過使用者互動手動恢復聲音,確保符合 Chrome 的自動播放限制。

以上是如何透過簡單的修復來克服 Chrome 66 的自動播放限制?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板