YouTubeのプレーヤーを表示する

  • Created : Apr, 21, 2020
  • Last Updated: Apr, 25, 2020

YouTubeのRSSを指定すると、FeedWindで動画のプレーヤーをサイト内に埋め込むことができます。複数のチャンネルを一つのウィジェットにまとめて公開することも可能です(複数フィードの表示はPro版/Plus版の機能です)。

Easy Steps

YouTubeチャンネル専用ウィジェットを作成する
  1. RSSウィジェットの編集画面にアクセスする
  2. 表示したいYoutubeチャンネルのIDを探す
  3. RSSを編集画面に貼り付ける
  4. プレビューが表示されるのでデザインや表示内容をカスタマイズする
  5. ウィジェットを保存して貼り付けコードを取得する

YouTubeチャンネルのRSS

YouTubeチャンネルのRSSをFeedWindのRSSのURL入力欄に入力します。

RSSは次のようなフォーマットになっています。「チャンネルID」を実際のYouTubeチャンネルIDに置き換えてください。

  • https://www.youtube.com/feeds/videos.xml?channel_id=チャンネルID

実際には以下のようになります。

  • https://www.youtube.com/feeds/videos.xml?channel_id=UCsT0YIqwnpJCM-mx7-gSA4Q

YouTubeチャンネルIDを見つける

YouTubeチャンネルIDは、チャンネルのURLにアクセスすれば見つけることができるので、チャンネルIDをコピーして、上で紹介したRSSの該当部分に置き換えてください。

  • https://www.youtube.com/channel/チャンネルID

実際には下記のようになっています。

  • https://www.youtube.com/channel/UCsT0YIqwnpJCM-mx7-gSA4Q

自分が管理しているYouTubeチャンネルのIDは、YouTubeにログイン後、アカウント詳細設定にアクセスして、「設定」「詳細設定」でも確認できます。

[参考]YouTube のユーザー ID とチャンネル ID の確認(外部サイト)

YouTubeウィジェットのデザインを変更する

ウィジェットの色・文字数・サイズなどの基本項目は、設定画面でカスタマイズできます。

YouTubeのURLを入力した場合、下記のように設定が変更になります。

  • 「基本設定」「スタイル」が自動的に「カード」に変更になります。「テキスト」と「HTML」も選択できますが、仕様上、「サムネイル」は利用できません。
  • 「コンテンツ」「ポッドキャスト/Youtube」が自動的に有効になりYouTubeのプレーヤーが表示されます。プレーヤーを表示したくない場合は「ポッドキャスト/Youtube」をオフにしてください。

サムネイルのサイズ変更

YouTubeのサムネイルサイズは変更することができません。ウィジェットの横幅・高さに応じて自動的にサイズが決定されます。

YouTubeプレーヤーの表示/非表示設定

ウィジェットでYouTubeプレーヤーを表示するには「コンテンツ」「ポッドキャスト/Youtube」をオンにして「YouTubeプレーヤーを表示」を選択します。(URLにYouTubeのURLを入力した時点で「ポッドキャスト/YouTube」は自動的にオンになっています)

また、「コンテンツ」「表示内容」「タイトル」「本文」の両方を無効にして、詳細設定の「日付」も無効にすることで、プレーヤーだけを表示することもできます。

複数のYouTubeチャンネルを表示する

複数のRSSを表示する機能(Pro版/Plus版のみ)を使えば、複数のYouTubeチャンネルを1つのウィジェット内に表示することができます。メインチャンネルとサブチャンネルを一つのプレーヤーの中で表示させたり、お気に入りのYouTuberのチャンネルをまとめたりと、工夫次第でより魅力的なプレイリストが作成できます。

サイトに埋め込むだけで更新情報を簡単表示 今すぐブログパーツを使ってみる

FeedWind14日間の無料トライアル

初めてご登録の方はPlus版の無料トライアルをご利用いただけます。

今すぐウィジェットを作成してみる