ホームページ >ウェブフロントエンド >jsチュートリアル >ユーザーの操作なしで Chrome 66 でビデオを自動的に再生する方法は?

ユーザーの操作なしで Chrome 66 でビデオを自動的に再生する方法は?

Linda Hamilton
Linda Hamiltonオリジナル
2024-11-17 11:55:02356ブラウズ

How to Play Videos Automatically in Chrome 66 without User Interaction?

「未捕捉 (約束内) DOMException: ユーザーが以前にドキュメントを操作したことがないため、play() が失敗しました。」の処理方法

Chrome 66 の使用デスクトップ バージョンでビデオを再生すると、次のエラー メッセージが表示されました:


Uncaught (in Promise) DOMException: play() ユーザーが操作していないため、再生に失敗しました先ほどの書類と一緒に。


以下のHTMLを使用しようとした場合デスクトップでビデオを再生しているときに、自動再生広告を見つけました:

<video</p><pre class="brush:php;toolbar:false">title="Advertisement"
webkit-playsinline="true"
playsinline="true"
style="background-color: rgb(0, 0, 0); position: absolute; width: 640px; height: 360px;"
src="http://ds.serving-sys.com/BurstingRes/Site-2500/Type-16/1ff26f6a-aa27-4b30-a264-df2173c79623.mp4"
autoplay=""></video></p>
<p>

,

回答

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

前のビデオ HTML は次のようになります:

<video</p><pre class="brush:php;toolbar:false">title="Advertisement"
webkit-playsinline="true"
playsinline="true"
muted
style="background-color: rgb(0, 0, 0); position: absolute; width: 640px; height: 360px;"
src="http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4"
autoplay=""></video></p>
<p>

以上がユーザーの操作なしで Chrome 66 でビデオを自動的に再生する方法は?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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