TabletでYoutubeを流す

Tabletオブジェクトを用いてYoutube音声を流す方法です。

1. Tabletを出す

TabletはComponents内のToolsグループ内にあります。

2. 再生したいYoutubeの動画IDを取得

Youtubeの動画IDは「v=xxxxxxxxxx」のxxxxxxxxの部分です。
YoutubeのURLをそのままTabletに貼り付けるだけでも再生できますが、自動動画切り替えが発生するため、このページでは埋め込み動画のURLを用いてYoutubeを再生します。

3. 埋め込み用リンクを作る

https://www.youtube.com/embed/(動画ID)
↑のようにリンクを作ると、埋め込み用のYoutube動画へのリンクが作られます。
このままだと自動再生ができないため、パラメータを設定します。

4. 動画パラメータを付与する

動画パラメータは上のURLの後に「?パラメータ=値&パラメータ=値&...」のように記述することでパラメータを記述できます。
1つ目のパラメータの先頭のみ「?」であることに注意してください。
詳しいパラメータについてはGoogleヘルプを参照してください。

おすすめ設定
  • autoplay=1
    • このパラメータを設定することで、URL読み込み時にYoutube動画が自動再生されます。
  • loop=1&playlist=(動画ID)
    • 動画をループさせるには、パラメータ「loop」「playlist」を併用して指定する必要があります。
    • 内部的には(動画ID)だけのプレイリストを無限ループで再生するという意味になっています。

タグ:

+ タグ編集
  • タグ:
最終更新:2018年10月24日 01:22