どうも！
今日は
「最新YouTube動画を自動表示させるブログパーツを作成」
について取り上げてみます！
もうこのブログに設置してあります。
こんな感じになります。
YouTubeの各動画には
ウェブページに埋め込める
コードが公開されていて
それをコピーして貼り付けることで
簡単に表示できます。
が、
それはその動画固有のコードなので
当然ですがその動画しか表示されません。
そこで今回は
動画を公開しているチャンネルを指定することで
そのチャンネルの最新動画を自動的に表示してくれるパーツ
にチャレンジです。
先にざっと手順まとめです。
１、表示させたいYouTubeチャンネルのURLを調べる
２、ブログパーツの作成ページで1で調べたURLを入力・作成
３、表示のカスタマイズをする
４、できたコードを自身のページに貼る
やってみると結構簡単です。
では具体的に見てみましょう。
１、表示させたいYouTubeチャンネルのURLを調べる
YouTubeへアクセスします。
https://www.youtube.com/
そして自分の表示させたい
YouTubeチャンネルをみつけます。
動画タイトルの下にあるリンクが
動画をUPしているチャンネルのリンクなので
飛びます。
で、飛んだ先のURLが
YouTubeがチャンネルのURLなので
コピっておきます。
２、ブログパーツの作成ページで1で調べたURLを入力・作成
で、お次はこちらを使用します。
RSS表示用ブログパーツ | FeedWind（フィードウィンド）
http://feed.mikle.com/ja/
こちらで手順1でコピったURLを貼ります。
で「RSSの追加」を押します。
３、表示のカスタマイズをする
そうすると、
ババっとだいたい作ってくれるので
あとは細かい表示設定をカスタマイズします。
色々設定できるので
右側に表示されるプレビューを参考に
カスタマイズしてみてください。
記事設定＞Podcast/YouTubeの場合
で「プレイヤーを表示」にすると
リンクで飛ぶことなく
そのブログツール内で動画を再生できます☆
こんな感じに
動画ワンクリックで
再生できる状態になりました。
４、できたコードを自身のページに貼る
で最後、
プレビューの下に表示されるコードを
コピーし自身のページに貼ることで
ブログパーツの設置が完了です。
こちらのコード
スマホページにも問題なく設置できました。
一度貼ってしまえば自動的に
指定YouTubeチャンネルの動画をチェックし
最新動画もみつけて表示してくれるので
とてもありがたいですね☆
それでは！
