iframeタグを使用した埋め込みで自動再生できない
YouTube公式リファレンスページのとおり、「URL の autoplay パラメータが 1 に設定」してみます。
<iframe width=”560″ height=”315″ src=”https://www.youtube.com/embed/xxxxxxxxxx?rel=0&autoplay=1″ frameborder=”0″ allow=”autoplay; encrypted-media” allowfullscreen></iframe>
再生できない原因は「音」
埋め込みコードのパラメータに&mute=1を追加してみてください。
<iframe width=”560″ height=”315″ src=”https://www.youtube.com/embed/xxxxxxxxxx?rel=0&autoplay=1&mute=1″ frameborder=”0″ allow=”autoplay; encrypted-media” allowfullscreen></iframe>
無音の動画でも、ミュートを有効にしないとNGです。
HTML5ではvideoタグによって動画を埋め込む場合も注意
HTML5では、videoタグのautoplay属性を指定して、自動再生できますが、無音での再生となります。
<video src=”sample.mp4″ autoplay></video>
