Chrome の「ユーザーが最初にドキュメントを操作しなかったため、play() が失敗しました」という自動再生エラーを修正する方法は?

デスクトップ版 Chrome 66 での「Uncaught (in Promise) DOMException: play() failed because the user don't accept the document first」エラーの処理

Chrome バージョン 66 を使用してデスクトップでビデオを再生しようとすると、次のエラーが発生する場合がありますメッセージ:

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 で自動再生するには、video 要素に muted 属性を追加する必要があります。このプロパティにより、動画はサイレント再生を開始し、Chrome によって設定されたユーザー インタラクション要件を効果的に満たします。

更新された動画 HTML

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

使用の結果「ミュート」属性

ミュート属性を使用すると、次の結果:

• ビデオはユーザーの操作なしで自動的に再生されます。
• オーディオ出力はミュートされます。
• ユーザーは引き続きビデオを操作する必要があります。 (ボリュームを切り替えるか、ミュートを解除するなど) 音声を聞くことができます。

このアプローチにより、次のことが可能になります。自動再生を実現しながら、オーディオ再生に必要な制御をユーザーに提供できるため、ミュート解除された自動再生に伴う潜在的な悪影響が軽減されます。

以上がChrome の「ユーザーが最初にドキュメントを操作しなかったため、play() が失敗しました」という自動再生エラーを修正する方法は?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。