webdevqa.jp.net

Youtube iframesrc自動再生がchromeブラウザで機能しない

このiframeコードをプレーンなhtmlページに添付しました。ここでは、ページが読み込まれたときに自動再生を行いたいと思います。私はFirefoxでそれがうまく機能することを試しました。 chromeをロードすると、自動再生が行われません。

私のコードは<iframe width="420" height="345" src="https://www.youtube.com/embed/qsP3Y4hHyeM?autoplay=1"> </iframe>

firefoxブラウザでは問題なく動作します。しかし、chromeブラウザにロードしているときは、機能しません。

誰か助けてくれませんか?

追加のパラメータを作成する必要があるものはありますか?

ありがとうございました。

4
Gireesh T

chrome開発者チームは、自動ビデオ再生によるユーザー間の苛立ちを避けるために自動再生機能を無効にしました。次の手順で有効にできます。

  1. Chromeブラウザを開いて入力:chrome:// flags /#autoplay-policy
  2. 「自動再生ポリシー」を「デフォルト」から「ユーザージェスチャーは不要」に変更
  3. 「再起動」を押す
  4. デバイスの再起動

今後、自動再生は、アプリで使用されるWebViewコンポーネントで再び機能します。

4
Problem Solver

これは、2018年にChrome開発チームによって導入された機能です: https://developers.google.com/web/updates/2017/09/autoplay-policy-changes

および関連する要件: https://developers.google.com/web/updates/2017/09/autoplay-policy-changes#iframe

この記事では、自動再生を機能させるために、埋め込まれたオーディオ/ビデオコンテンツとユーザーインタラクションに関してどのような条件が必要かについて説明しています。

  • ミュートされた自動再生は常に許可されます。
  • 上位のフレームは、自動再生の権限をiframeに委任して、音声付きの自動再生を許可できます

    <!-- Autoplay is allowed. -->
    <iframe src="https://cross-Origin.com/myvideo.html" allow="autoplay">
    
    <!-- Autoplay and Fullscreen are allowed. -->
    <iframe src="https://cross-Origin.com/myvideo.html" allow="autoplay; fullscreen">
    
  • 次の場合、音声による自動再生が許可されます:
    • ユーザーがドメインを操作しました(クリック、タップなど)。
    • モバイルでは、ユーザーは[サイトをホーム画面に追加]しました。
    • デスクトップでは、ユーザーのメディアエンゲージメントインデックスのしきい値を超えています。これは、ユーザーが以前に音声付きの動画を再生したことを意味します。

メディアエンゲージメントインデックス(MEI)

MEIは、サイトでメディアを消費する個人の傾向を測定します。 Chromeの現在のアプローチは、オリジンごとの重要なメディア再生イベントへの訪問の比率です。

  • メディア(オーディオ/ビデオ)の消費は7秒より長くなければなりません。
  • 音声が存在し、ミュートされていない必要があります。
  • ビデオのあるタブがアクティブです。
  • ビデオのサイズ(ピクセル単位)は200x140より大きくする必要があります。
0
Oliver