さくウェブ

ネットライフを楽しむための情報ブログ

Youtubeのショート動画をブログに埋め込む方法

 

 

Youtubeの通常の動画は、埋め込みタグを使って簡単にブログなどに埋め込むことができますが、最近伸びてきている、ショート動画については、埋め込みタグが出ないので、出来ないのかな?と思っている方もいるかもしれません。

 

そこで、この記事ではショート動画を埋め込む方法をご紹介します。

 

ショート動画を埋め込むには?

ショート動画を埋め込むにはこちらの、タグを使います。

赤字で示してある部分に埋め込みたい動画の個別IDに変えるだけとなります。

 

<iframe width="315" height="560" src="https://www.youtube.com/embed/1234567
frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
allowfullscreen></iframe>

 

動画のIDを確認するには、埋め込みたい動画を再生して、その時のURLを確認します。

最後の/ 以降が動画のIDですね。

 

 

ショート動画のサイズを変更するには?

貼り付けたショート動画は、サイズを調整することも可能です。

タグの中の width=とheight=の数値を変えるだけです。

<iframe width="315" height="560" src="https://www.youtube.com/embed/1234567
frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
allowfullscreen></iframe>

 

Youtubeショートは縦長の画角なので、画角は変わりませんが、フレームはこのように変えることができます。

 

縦長(width="315" height="560")

 

横長(width="500" height="260")