YouTubeのショート動画(縦型動画)をiframeでWEBサイトに埋め込む方法

あけましておめでとうございます。
本年も何卒よろしくお願い申し上げます。

さて、早速掲題についてですが、
先日お客様から「YouYubeにアップした動画をWEBサイトに埋め込みたいんだけど」
とご相談がありました。

通常の動画であれば、該当の動画ページの「共有」から
iframeを取得すれば一瞬なので、
「分かりました。YouTubeのURLを送っておいてください~」
とお伝えしたのですが、いざ送られてみると、
どうやらショート動画としてアップロードしているようです汗。

ショート動画の共有って出来るのかな?
と思い、こちらの共有を押してみたのですが、、

なんと、iframeのコードがない。。

ということで、どうしたもんかと思ったのですが、
通常の動画のifarameのコードのID部分に、
ショート動画のIDを突っ込めば表示されることが分かりました笑。

例えば、

https://youtube.com/shorts/tE8GOw-GZB8?si=oKU6k-SMck4v3J8u

の動画であれば
「tE8GOw-GZB8」
の部分がIDとなるので、下記の感じで表示可能です。
(最近パペットスンスンにはまっています笑。)

こんな感じ。

見栄えはちょっとアレなのですが、
ひとまず表示させたい場合はこちらで良いかと思います。

どなたかの参考になれば幸いです。
それでは。

 役に立った 0

役に立ったボタン設置してみました。是非押していってくださいm(__)m

この記事を書いた人

mako110

原宿でWEBディレクターをやっています。
WEB業界に携わって約15年。独立して7年目です。
自分らしく、働きやすく、周りの人の役に立つ。
そんな仕事をゆるゆるとやっています。