ブログ運営

【YouTube】最新の動画を サイトに埋め込む方法

スポンサーリンク


どうも、しーまんです。

自分のサイトに、YouTubeの最新動画を埋め込みたいんだけど、どうやったらできるのかな?普通の動画は、かんたんに埋め込みできるんだけど・・・。



といった悩み、解決できます。


実は、サイトのトップページを先日リニューアルしたのですが、私はYouTubeもやっているので、最新の動画を表示したいなーと思い、設置してみました。

動画の感じはトップページを見てみてください。
トップページを見てみる



ということで、今回は備忘録として、記事にまとめてみます。


参考にさせていただいた記事は、こちらです。





ちなみに、誰でも簡単にできるので、最新動画を埋め込みたい方は、チャレンジしてみてくださいね。

ATTENTION

このやり方は、表示させたいYouTubeアカウントでログインをする必要があるため、ログインのできないチャンネルだと、埋め込むことはできません。



スポンサーリンク

YouTubeの最新動画を埋め込む方法



とても簡単なので、誰でも最新動画を表示できます。

ブログとYouTubeを併用して運営されている方は、ぜひ活用してみてくださいね。


チャンネルIDの確認


まずは、チャンネルIDを確認していきましょう。

● 表示させたいYouTubeアカウントでログイン
● 設定 → 詳細設定 の順に進んでいきます



図で解説していきます。


「詳細設定」をクリックすると、下記のメニューが表示されます。


これで、チャンネルIDが確認されました。

コピーして、メモ帳などに貼っておきましょう。


チャンネルID「UC」を「UU」に変更する


私のチャンネルIDで説明していきます。



まず、メモ帳に張り付けたチャンネルIDをチェックします。

私の場合だと下記ですね。

UCOIJrfN3ZI_mHMX8jAfv2og


頭の2文字「UC」を「UU」に変更します。

UUOIJrfN3ZI_mHMX8jAfv2og


とくに、難しいことはないと思うので、次に進みます。


チャンネルIDの前にURLを設置する


「UO」に書き換えたチャンネルIDの前に、下記のURLを設置します。



https://www.youtube.com/embed/?list=


これをつなげると


https://www.youtube.com/embed/?list=UUOIJrfN3ZI_mHMX8jAfv2og


といった感じです。


埋め込む


先ほど作ったURLを、あとは埋め込むだけなのですが、私はここで、少しつまずいたので、共有しておきます。


「埋め込み」なので、リンクでの埋め込みかと思いきや、リンクではできなかったので注意してくださいね。


というわけで、htmlを使用して埋め込みをします。


htmlの取得方法


普段YouTubeをhtmlで埋め込みしてる方は、スムーズにできるかと思いますが、リンクで埋め込みをしている方は、下記の画像を参考にしてみてください。

● 自分の動画の「共有」をクリック
● 「埋め込む」をクリック
● 埋め込みのコードにURLを差し込む


画像で解説します。



最後が少しわかりにくいですが、元のURLを消して、先ほど作った「https://www.youtube.com/embed/?list=UUOIJrfN3ZI_mHMX8jAfv2og」に差し替えてしまえばOK。


そのまま記事に張り付け


URLを差し変えて張り付けると、下記のように最新動画が表示されるようになります。


真ん中に動画を表示をさせたい場合は、上記のコードを<center>と</center>の間に設置すると、真ん中に表示されるようになりますよ。




まとめ|YouTubeの最新動画の埋め込みは簡単


常に、最新の動画が表示されてるのは、新しい動画を貼る手間も省けますし、私のサイトではかなり重宝しています。


難しい設定などは一切なく、誰でも簡単にできるので、ぜひ試してみてくださいね。




それでは、今回はこの辺で終わります。

最後までありがとうございました。

ちゃお~

スポンサーリンク
seamanizm
タイトルとURLをコピーしました