Youtubeをタグを使って、自分のホームページに一覧で表示するような、PHPまたはJavascriptのサンプルを公開しているサイトはありますでしょうか?ご存知のかたよろしくお願いします。

回答の条件
  • URL必須
  • 1人1回まで
  • 登録:
  • 終了:2011/11/06 22:31:16
※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

回答1件)

id:Cherenkov No.1

回答回数1504ベストアンサー獲得回数493

ポイント100pt

全部公式リファレンスに書いてあると思います。

デベロッパー ガイド: Data API プロトコル - カテゴリとキーワードによる検索 - YouTube の API とツール - Google Code

正当なやり方かどうかわかりませんが、jamiroquaiタグのRSSから読み込むサンプルを書いてみました。

(youtubeサイトのタグの検索結果とrssの検索結果の順番が異なるのは仕様だと思います。)



<?php
$rss = simplexml_load_file('http://gdata.youtube.com/feeds/api/videos/-/jamiroquai/');
foreach ($rss->entry as $item) {
  preg_match('/\/videos\/(.+)/', (string)$item->id, $videoId);
  $videoId = $videoId[1];
  $title = (string)$item->title[0];
  $href = (string)$item->link['href'][0];
  echo '<div>';
  echo '<span>' . $title . '</span>';
  echo '<iframe width="560" height="315" src="http://www.youtube.com/embed/' . $videoId . '" frameborder="0" allowfullscreen></iframe>';
  echo '</div>';
}




altパラメータでJSONを指定することができます。

デベロッパー ガイド: Data API プロトコル - API クエリ パラメータ - YouTube の API とツール - Google Code


jQueryを使ってJSON読み込み。

http://jsfiddle.net/nWJk7/

<html>
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script>
$(function() {
  $.getJSON('http://gdata.youtube.com/feeds/api/videos/-/jamiroquai/?alt=json', function(json) {
    var videoIds = json.feed.entry.map(function(e){
      return e.id.$t.match(/\/videos\/(.+)/)[1];
    });
    videoIds.forEach(function(e) {
      var iframe = document.createElement('iframe');
      iframe.src = 'http://www.youtube.com/embed/' + e;
      document.body.appendChild(iframe);
    });
  });
});
</script>
</head>
<body>
</body>
</html>
id:hiro_tt55

すごくお詳しいですね。参考にさせてもらいます。

2011/10/28 12:22:04
id:hiro_tt55

試してみました!ほぼ理想形です!HTML内に

で囲った中に表示させたいと思っています。

2011/10/28 12:40:18

コメントはまだありません

この質問への反応(ブックマークコメント)

トラックバック

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

回答リクエストを送信したユーザーはいません