動画埋め込んだサイトでGoogle Chromeで動画自動再生されないときの対処方法

  • このエントリーをはてなブックマークに追加
  • Pocket
  • LINEで送る

今更ですが、知らなかったのでメモです。
Chrome 66 では、サイトに音声付き動画が埋め込まれている場合に、自動再生されなくなりました。幾つかのホームページでも動画が自動再生できなくなりましたので、その対応方法をまとめとく。

【原因】動画自動再生されない理由

原因は、GoogleChromeの仕様に依存した問題となります。
上述した通り、サイトに挿入した動画に対して、muted属性を付与することで問題は回避できますので、実施されてない方は早めに対策を施しましょう。

Youtube埋め込み「iframe」で動画を埋め込んでいる時

src に、 ”&mute=1″ のパラメーターを追加

videoタグで埋め込んでいる場合

video タグに、 muted 属性を追加します。

知らぬ間にいろいろ不具合が出る作りは避けてきたけど、、、、今後も動画を埋め込んであるサイトはいろいろありそうです。

  • このエントリーをはてなブックマークに追加
  • Pocket
  • LINEで送る