【最新版】YouTubeの最新動画を埋め込む方法〜@付きアカウント名にも対応〜
See the Pen Untitled by 12 asbgm (@12-asbgm) on CodePen.
サイトにYouTube動画を埋め込む際に、チャンネルの最新動画を埋め込む方法を解説します。
以前まではURLにあるチャンネルIDを使用して実現できましたが、最近はURLにチャンネルIDが表示されず@付きのアカウント名が設定されていることが多く見受けられます。
チャンネルIDの取得方法やサイトにYouTubeの最新動画を埋め込む方法を紹介します。
チャンネルIDの取得
チャンネルのホーム画面にアクセス
右クリック→ページのソースを表示
Ctrl+Fで「youtube.com/channel/」と文字検索
channel/以降の「U」から「”」までの文字を控えておく
youtube.com/channel/UCvpredjG93ifbCP1Y77JyFA”
ページのソースを表示でyoutube.com/channel/」と文字検索
上記の場合「UCvpredjG93ifbCP1Y77JyFA」がチャンネルIDとなります。
埋め込み
チャンネルIDの先頭UCをUUに置換
（置換前）UCvpredjG93ifbCP1Y77JyFA
（置換後）UUvpredjG93ifbCP1Y77JyFA
置換後のチャンネルIDを以下に当てはめる
<チャンネルID>を書き換えてください。
<iframe width="560" height="315" src="https://www.youtube.com/embed/?list=<チャンネルID>” frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>以上です。
YouTubeを中央寄せで真ん中に綺麗に埋め込む方法も以下の記事で紹介していますので、ぜひご覧ください。
コメント