日常

YOUTUBEチャンネルの最新動画をホームページに表示する方法

投稿日:

意外と需要があるけど、本当に実装されるものがなかった。

サムネは記念動画です。

調べぬいた結果こちらのサイトにいきつきました。

 

YOUTUBEチャンネルの最新動画をホームページに表示する方法

 

このリンクの通りにやると実装されます。

グーグルの検索エンジンからキーワード表記で

目次

YoutubeAPIでチャンネルの最新動画をWEBサイトに表示させる方法

で望ましい結果がでるかといわれると微妙。

 

書いてある事は初心者にはとても有用でありがたいのだが、このサイトに到達するまでが苦労の連続だった。

APIってなんぞやとかになると思うけど。

 

プログラムーアプリ=API

厳密に違うかもしれないが、便利なアプリを作って、アプリ同士を連結させますよというのがAPIみたいなもん。

最近ツイッターやらアマゾンやら使いやすいシステムの裏にはAPIがあると思うとAPIすごくねと思う。

 

最近やたらITの進化してる感じがすると思ってたわけですよ。

 

肝心な本題に戻りますが、自分が一瞬止まったのが下記の部分↓↓

取得したjsonからajax通信で動画IDを取得してhtml表示させる。

 

(#^ω^)イライラ   なんのこっちゃ・・・・・

青い部分をいじるだけでよかった(‘ω’) URLいじるだけですね

 

 

<div id="youtubeList"></div>

<script>
$.ajax({
  type: 'GET',
  url: 'https://www.googleapis.com/youtube/v3/search?part=snippet&channelId={Channel ID}&maxResults=5&order=date&type=video&key={API Key}',
  datatype: 'json',
  success: function(json){
    num = json.items.length;
    for(var i = 0; i < num ; i++){
        var ID = json.items[i].id.videoId;
        $("#youtubeList").append('<iframe width="560" height="315" src="https://www.youtube.com/embed/' + ID + '" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>');
    }
  },
  error: function(){
    alert('error');
  }
});
</script>

 

楽勝やん(嘘)、実際にいじってサイトに最新動画反映されて感動しました。

今日もいい仕事したな・・・・ 

YOUTUBEの再生数だけで飯くえるようになりたい・・・・

 

-日常
-, ,

執筆者:


comment

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

関連記事

INFPについて 

なにについて書こうかかなと迷った次第です。 常に迷っている状態ではありますが(+o+) 弱小ブログではありますが意外とこの関連の検索数は多いので、迷えるINFPが多い事が実感できます。 最近は感情が揺 …

no image

風薫るパスタ – イタリア料理 / 熊本県阿蘇郡西原村小森

風薫るパスタ – イタリア料理 ランチで行ってきました。 仕事でよく阿蘇山に行くときには通り道でしたが初めて入りました。 イタリア料理で店の大きさはテーブル6個ぐらいに席が4つで24人ぐら …

no image

地域おこし協力隊 落ちました・・・

現在応募数 3件   書類選考・・・一次通過 2件   面接・・・二次選考 お祈り1件     結果を踏まえて まさかの1次落ちて、現在募集かかっているとこに出 …

no image

2024/8/10 夏休み連休 1日目

更新しようしようともってはや数カ月がたった。 ゾンビサイトの復活だ 自堕落な連休を過ごさない為に記録と同時に更新もできる素晴らしい取り組みを考えました。 連休中の夏旅行は暑い中待たされたり、$がかかる …

no image

蜘蛛ですが、なにか?をみたけど微妙

よくある異世界転生の中でモンスターに転生するやつは少ないのと評判的に面白いんかなと思って一気に見ました。 JKが気づいたら蜘蛛に異世界転生、ダンジョンで生き残るためにサバイバルをしていきます クラスの …

ブログ統計情報

  • 51,006 アクセス

最新配信動画リスト

Twitter でフォロー

Amazon Prime 今期 オススメアニメ

Amazon Prime 今期 オススメアニメ

カノジョも彼女

小林さんちのメイドラゴンS

SSSS.DYNAZENON
僕のヒーローアカデミア

戦闘員、派遣します!

ゾンビランドサガ リベンジ

 

転生したらスライムだった件

イジらないで、長瀞さん

 

Amazon Music Unlimited 新規登録で500ポイント

【5月度最新データを反映】Amazonアソシエイトの方におすすめの おもちゃ・ホビー商品

翻訳