More than 5 years have passed since last update.

Youtubeを埋め込むときのオプション

Posted at 2020-10-08

YoutubeをHtmlに埋め込むときに、

sample.html

 <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/XDbkYXS0m5I?start=5&end=15&autoplay=1&mute=1" allowfullscreen>

上記のようにすると、
レスポンシブアイテム（bootstrap適用）
動画開始場所が5秒、
終了場所が15秒、
オートプレイ、
無音、
の動画を埋め込める。

やりかたは、src属性に、"https://www.youtube.com/embed/動画のID?パラメータ1&パラメータ2&～～"と、
パラメーターを、動画IDの最後に?をつけて、&でつなげていく。

以上。