如何修復 Chrome 的「play() 失敗，因為使用者沒有先與文件互動」自動播放錯誤？

處理Chrome 66 桌面版中的「未擷取（承諾中）DOMException：play() 失敗，因為使用者沒有先與文件互動」錯誤

嘗試使用Chrome 版本66在桌面上播放影片時，使用者可能會遇到以下錯誤message:

Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first.

此錯誤是由Chrome 的新自動播放阻止程式引起的，該阻止程式限制在沒有使用者互動的情況下自動播放影片。要繞過此限制，只需將以下屬性新增至

• webkit-playsinline="true"
• playsinline="true"
• autoplay=""

解決方案

啟用自動播放Chrome 66 桌面版，必須將 muted 屬性加入 video 元素中。此屬性可確保影片開始無聲播放，有效滿足 Chrome 設定的使用者互動要求。

更新了視訊HTML

<video
    title="Advertisement"
    webkit-playsinline="true"
    playsinline="true"
   >

使用的後果「muted」屬性

使用muted 屬性有以下效果後果：

• 影片將自動播放，無需使用者互動。
• 音訊輸出將會被靜音。
• 使用者仍需要與視訊互動（例如、切換音量或取消靜音）以聽到音訊。

這種方法允許自動播放，同時仍提供使用者對音訊播放擁有必要的控制權，從而減輕與未靜音自動播放相關的潛在負面後果。

以上是如何修復 Chrome 的「play() 失敗，因為使用者沒有先與文件互動」自動播放錯誤？的詳細內容。更多資訊請關注PHP中文網其他相關文章！