Chrome 66 を使用してデスクトップで「Uncaught (in Promise) DOMException: play() failed because the user doesn't include the document first.」を処理する方法は?

Question

エラー メッセージを受け取りました。

<ブロック引用>

Uncaught (in Promise) DOMException: ユーザーが最初にドキュメントを操作しなかったため、play() が失敗しました。

..Chrome バージョン 66 を使用してデスクトップでビデオを再生しようとしている場合。

サイト上で自動的に再生が開始される広告を見つけましたが、HTML は次のとおりでした:

<ビデオ
    title="広告"
    webkit-playsinline="true"
    プレイズインライン = "true"
    style="背景色: rgb(0, 0, 0); 位置: 絶対; 幅: 640px; 高さ: 360px;"
    src="http://ds.serving-sys.com/BurstingRes/Site-2500/Type-16/1ff26f6a-aa27-4b30-a264-df2173c79623.mp4"
    autoplay=""></video>

Chrome v66 の自動再生ブロッカーを回避するのは非常に簡単です。 webkit-playsinline="true"、playsinline="true"autoplay=" を追加するだけです。 code> および 要素の " 属性は?これは何か悪影響を及ぼしますか?

Answer 1

Chrome 66 アップデート後に HTML 5 要素を自動再生するには、単純に muted 属性を video 要素に追加します。

つまり、現在のビデオの HTML

リーリー

必要なだけmuted="ミュート"

リーリー

Chrome 66 アップデートは、ユーザーのタブでタブがランダムなノイズを発するのを止めようとしていると思います。そのため、ミュート属性によって自動再生が再び機能するようになります。