【Youtube】動画の埋め込み

Youtube動画をサイトに埋め込みたい

iframe タグを使用してプレーヤーを埋め込む方法とプレーヤーのオプションなどを調べた結果を書いておく

iframeタグの取得

埋め込みたいYoutubeページの[共有] > [埋め込み]

書き出された埋め込み用iframeをコピーして、サイトに貼り付ける

このときの以下のオプションについて

• プレーヤーのコントロールバーを表示する
• プライバシー強化モードを有効にする

プレーヤーのコントロールバーを表示する

その名の通り、コントロールバーを表示するかどうか

プライバシー強化モードを有効にする

プライバシー強化モードとは、視聴行動をトラッキングするための Cookie を使用せずに YouTube 動画を埋め込むモード

これにより、視聴者の好みに合わせて視聴体験をカスタマイズするための視聴情報が収集されなくなる

ただし、視聴者がクリックやタップを行って、埋め込まれた動画から別のウェブサイトやアプリにリダイレクトされた場合は、そのウェブサイトやアプリのポリシーおよび規約に基づいて、視聴者の行動がトラッキングされることがある

https://support.google.com/youtube/answer/171780#zippy=%2C%E3%83%97%E3%83%A9%E3%82%A4%E3%83%90%E3%82%B7%E3%83%BC%E5%BC%B7%E5%8C%96%E3%83%A2%E3%83%BC%E3%83%89%E3%82%92%E6%9C%89%E5%8A%B9%E3%81%AB%E3%81%99%E3%82%8B

サポートされるパラメータ

iframeのurlのクエリパラメータにこのような形でオプションを指定することができる

autoplay=1

<iframe id="ytplayer" type="text/html" width="640" height="360"
  src="https://www.youtube.com/embed/ABCDEFGHIJK?autoplay=1"
  frameborder="0"></iframe>

オプションは以下

https://developers.google.com/youtube/player_parameters?hl=ja

▼ オプションを調べてわかったこと

• relは仕様が変更されて、変更前は、最初の動画の再生が終了したときに、プレーヤーに関連動画を表示するかどうかであったが、現在はこれはOFFにはできない
  代わりにrel=1の場合は、ユーザーの行動履歴からではなく、再生した動画と同じチャンネルから関連動画を表示するオプションになった

• 公式ドキュメントにないが、再生時に音声をミュートにするmute=1オプションが存在する