Webコーディング

WebページへのYoutube動画埋込で自動再生できないとき

  • このエントリーをはてなブックマークに追加

iframeタグを使用した埋め込みで自動再生できない

YouTube公式リファレンスページのとおり、「URL の autoplay パラメータが 1 に設定」してみます。

YouTube 埋め込みプレーヤーとプレーヤーのパラメータ

<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>

  • このエントリーをはてなブックマークに追加

Webデザイナーやコーダー、エンジニアを募集中です

●WEBデザイナー(正社員)
アイデアや企画、モノをつくるのが好きな方
向陽デジタルワークスのコンセプトである、「お客様のための製品づくり」と、「新しい価値を創造する自社サービス」の充実・拡大に向けて、我々のアイディアをデザインして、アウトプットしていく仲間を募集しています。

●フロントエンドエンジニア/コーダー(正社員)
第二新卒、IT業界未経験も歓迎
ユーザの立場にたった使いやすさ、機能性、美しさはもちろん、新しい価値観を創造できるようなものづくりを目指して、いっしょに仕事をしませんか。

募集要項を詳しく見る

コメントを残す