ホームページ >ウェブフロントエンド >jsチュートリアル >Chrome 66 の自動再生制限を簡単な修正で克服する方法

Chrome 66 の自動再生制限を簡単な修正で克服する方法

DDD
DDDオリジナル
2024-11-25 05:24:17784ブラウズ

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

Chrome 66 の自動再生制限への対処: 解決策

自動再生チャレンジの公開:

Chrome 66 では、開発者は混乱に直面しました。つまり、ビデオの自動再生が行われ、次のような恐ろしいエラー メッセージが表示されます。「Uncaught (in Promise) DOMException: play() failed because the user don't accept the document first.」

問題の解決:

この障害を回避するために、ビデオに「ミュート」属性を導入するという簡単な解決策が登場しました。

修正の実装:

video 要素に「ミュート」を追加すると、コードは次のようになります:

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

ミュートの影響属性:

「ミュート」属性を追加しても、影響は最小限に抑えられます。デフォルトではオーディオ出力が抑制されますが、ビデオは意図したとおりに自動的に再生されます。さらに、ユーザーはユーザー操作を通じてサウンドを手動で復元できるため、Chrome の自動再生制限に確実に準拠できます。

以上がChrome 66 の自動再生制限を簡単な修正で克服する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。