ブログ移転作業中!           レ(゚Д゚#)ヘ=З=З=З

最新YouTube動画を自動表示させるブログパーツを作成する「FeedWind」

どうも!

今日は
「最新YouTube動画を自動表示させるブログパーツを作成」
について取り上げてみます!

もうこのブログに設置してあります。
こんな感じになります。

YouTubeの各動画には
ウェブページに埋め込める
コードが公開されていて
それをコピーして貼り付けることで
簡単に表示できます。

が、
それはその動画固有のコードなので
当然ですがその動画しか表示されません。

そこで今回は
動画を公開しているチャンネルを指定することで
そのチャンネルの最新動画を自動的に表示してくれるパーツ

にチャレンジです。

 

先にざっと手順まとめです。
1、表示させたいYouTubeチャンネルのURLを調べる
2、ブログパーツの作成ページで1で調べたURLを入力・作成
3、表示のカスタマイズをする
4、できたコードを自身のページに貼る

やってみると結構簡単です。
では具体的に見てみましょう。

 

1、表示させたいYouTubeチャンネルのURLを調べる
YouTubeへアクセスします。
https://www.youtube.com/
そして自分の表示させたい
YouTubeチャンネルをみつけます。

動画タイトルの下にあるリンクが
動画をUPしているチャンネルのリンクなので
飛びます。



で、飛んだ先のURLが
YouTubeがチャンネルのURLなので
コピっておきます。

 

2、ブログパーツの作成ページで1で調べたURLを入力・作成
で、お次はこちらを使用します。

RSS表示用ブログパーツ | FeedWind(フィードウィンド)
http://feed.mikle.com/ja/

こちらで手順1でコピったURLを貼ります。

で「RSSの追加」を押します。

 

3、表示のカスタマイズをする
そうすると、
ババっとだいたい作ってくれるので
あとは細かい表示設定をカスタマイズします。

色々設定できるので
右側に表示されるプレビューを参考に
カスタマイズしてみてください。

記事設定>Podcast/YouTubeの場合
「プレイヤーを表示」にすると
リンクで飛ぶことなく
そのブログツール内で動画を再生できます☆



こんな感じに
動画ワンクリックで
再生できる状態になりました。

 

4、できたコードを自身のページに貼る
で最後、
プレビューの下に表示されるコードを
コピーし自身のページに貼ることで
ブログパーツの設置が完了です。



こちらのコード
スマホページにも問題なく設置できました。

一度貼ってしまえば自動的に
指定YouTubeチャンネルの動画をチェックし
最新動画もみつけて表示してくれるので
とてもありがたいですね☆

それでは!
 

最新情報を配信しています★ @zono_tariki
>

ゾノの他力本願ブログ