web-dev-qa-db-ja.com

JavaScriptで単一のビデオ（フィードではない）のJSON経由でYoutube情報を取得する

だから、JSON形式で単一のyoutubeビデオから情報を取得しようとしています。タイトルの説明のカテゴリと同様に、コメント以外に得られるものはすべてectにします。私はJavascriptでこれをやろうとしています。下のリンクに気付きましたが、その例はすべて、フィードからビデオ情報を取得する方法です。私はそのIDを知っていると仮定して、単一のビデオから情報を取得したいと思います。

https://developers.google.com/youtube/2.0/developers_guide_json

私もこれを見ていました Stackoverflow Question しかし、「test.js（10行目）GET http://gdata.youtube.com/feeds」というgetリクエストに問題があります/api/videos/VA770w...v=2&alt=json-in-script&callback=listInfo

200 OK 9ms」

簡単に言うと、VA770wpLX-Qのような単一のYouTube動画IDがある場合、その動画情報をJSONで取得するためのURLはどのようになりますか？

ありがとうございました

javascriptjqueryjsonyoutube
41
Frank Visaggio

2015年5月更新：

このソリューションは正常に動作しません。YouTubeAPI v2は間もなく廃止される予定です。

詳細： https://www.youtube.com/devicesupport

次のようなものを試してください：

var video_id='VA770wpLX-Q';

$.getJSON('http://gdata.youtube.com/feeds/api/videos/'+video_id+'?v=2&alt=jsonc',function(data,status,xhr){
    alert(data.data.title);
    // data contains the JSON-Object below
});

デモ： http://jsfiddle.net/wqwxg/

返されるJSONは次のようになります。

{
    "apiVersion": "2.1",
    "data": {
        "id": "VA770wpLX-Q",
        "uploaded": "2011-02-24T22:31:02.000Z",
        "updated": "2012-04-08T21:37:06.000Z",
        "uploader": "drdrevevo",
        "category": "Music",
        "title": "Dr. Dre - I Need A Doctor (Explicit) ft. Eminem, Skylar Grey",
        "description": "Music video by Dr. Dre performing I Need A Doctor featuring Eminem and Skylar Grey (Explicit). © 2011 Aftermath Records",
        "tags": ["Dr", "Dre", "Eminem", "New", "Song", "Skylar", "Grey", "GRAMMYs", "Dr.", "Need", "Doctor", "video", "Eazy", "N.W.A.", "NWA", "easy", "drdre", "and", "em"],
        "thumbnail": {
            "sqDefault": "http://i.ytimg.com/vi/VA770wpLX-Q/default.jpg",
            "hqDefault": "http://i.ytimg.com/vi/VA770wpLX-Q/hqdefault.jpg"
        },
        "player": {
            "default": "http://www.youtube.com/watch?v=VA770wpLX-Q&feature=youtube_gdata_player"
        },
        "content": {
            "5": "http://www.youtube.com/v/VA770wpLX-Q?version=3&f=videos&app=youtube_gdata"
        },
        "duration": 457,
        "aspectRatio": "widescreen",
        "rating": 4.902695,
        "likeCount": "430519",
        "ratingCount": 441253,
        "viewCount": 88270796,
        "favoriteCount": 306556,
        "commentCount": 270597,
        "status": {
            "value": "restricted",
            "reason": "requesterRegion"
        },
        "restrictions": [{
            "type": "country",
            "relationship": "deny",
            "countries": "DE"
        }],
        "accessControl": {
            "comment": "allowed",
            "commentVote": "allowed",
            "videoRespond": "allowed",
            "rate": "allowed",
            "embed": "allowed",
            "list": "allowed",
            "autoPlay": "denied",
            "syndicate": "allowed"
        }
    }
}
39
stewe

2018年に更新

API v2は非推奨です。新しいyoutube API v3は開発者トークンでのみ機能し、無料接続には制限があります。

APIなしでJSONを取得できます。

http://www.youtube.com/oembed?url=http://www.youtube.com/watch?v=ojCkgU5XGdg&format=json

またはxml

http://www.youtube.com/oembed?url=http://www.youtube.com/watch?v=ojCkgU5XGdg&format=xml



新しい2018 jsonレスポンスには

{
  "html": "<iframe width=\"480\" height=\"270\" src=\"https://www.youtube.com/embed/ojCkgU5XGdg?feature=oembed\" frameborder=\"0\" allow=\"autoplay; encrypted-media\" allowfullscreen></iframe>",
  "title": "Creativity and Drugs (Eng Sub)",
  "thumbnail_height": 360,
  "provider_name": "YouTube",
  "author_url": "https://www.youtube.com/user/serebniti",
  "thumbnail_width": 480,
  "height": 270,
  "provider_url": "https://www.youtube.com/",
  "type": "video",
  "width": 480,
  "version": "1.0",
  "author_name": "serebniti",
  "thumbnail_url": "https://i.ytimg.com/vi/ojCkgU5XGdg/hqdefault.jpg"
}

親指：

hqdefault.jpgは品質は劣りますが、常に存在します。

http://img.youtube.com/vi/ojCkgU5XGdg/hqdefault.jpg

http://img.youtube.com/vi/ojCkgU5XGdg/sddefault.jpg

最大サイズ

https://i.ytimg.com/vi/ojCkgU5XGdg/maxresdefault.jpg

ミニ親指：

http://img.youtube.com/vi/ojCkgU5XGdg/0.jpg
http://img.youtube.com/vi/ojCkgU5XGdg/1.jpg
http://img.youtube.com/vi/ojCkgU5XGdg/2.jpg
http://img.youtube.com/vi/ojCkgU5XGdg/3.jpg

注釈

http://www.youtube.com/annotations_invideo?cap_hist=1&video_id=ojCkgU5XGdg

モバイルページ16kbを解析

https://m.youtube.com/watch?v=ojCkgU5XGdg

ユーザーエージェントをiOS / Safari 7に変更することを忘れないでください

また

http://www.youtube.com/get_video_info?html5=1&video_id=ojCkgU5XGdg

また、YouTubeライブを埋め込む方法

https://www.youtube.com/embed/live_stream?channel=UCkA21M22vGK9GtAvq3DvSlA

ここで、UCkA21M22vGK9GtAvq3DvSlAはチャンネルIDです。 「マイチャンネル」リンクのYouTubeアカウント内で見つけることができます。

ライブサム

https://i.ytimg.com/vi/W-fSCPrYSL8/hqdefault_live.jpg
61
Alexufo

問題

YouTube APIはJSONPをサポートしていません- 問題4329：JSONPのoEmbedコールバック を参照してください。また、 YouTube Data API v2は非推奨 。

溶液

Noembed サービスを使用して、 oEmbed データを [〜＃〜] jsonp [〜＃〜] で取得できます。

ボーナス

  • aPIキーは必要ありません
  • サーバー側プロキシは不要です

例

あなたのための VA770wpLX-Qビデオでは、次のようなリンクを試すことができます。

https://noembed.com/embed?url=http://www.youtube.com/watch?v=VA770wpLX-Q

またはJSONPの場合：

https://noembed.com/embed?callback=example&url=http://www.youtube.com/watch?v=VA770wpLX-Q

これらのリンクには、urlパラメーターとして渡されるYouTubeビデオの標準URLがあります。 YouTubeだけでなく、Vimeoおよび 他のサイト のようなURLでも動作します：

https://noembed.com/embed?url=https://vimeo.com/45196609

デモ

JQueryを使用した簡単な例を次に示します。

var id = 'VA770wpLX-Q';
var url = 'https://www.youtube.com/watch?v=' + id;

$.getJSON('https://noembed.com/embed',
    {format: 'json', url: url}, function (data) {
    alert(data.title);
});

参照： [〜＃〜] demo [〜＃〜] on JS Bin。

別のオプション

  • 埋め込み （商用サービス、最大5000 URL /月まで無料）
  • Oohembed （更新：Embedlyが購入しましたが、 ソース は利用可能です）
  • AutoEmbed （更新：ダウンまたは中止のようです）

詳細情報

これらの質問もご覧ください。

18
rsp

v3の場合：

$.getJSON('https://www.googleapis.com/youtube/v3/videos?id={videoId}&key={myApiKey}&part=snippet&callback=?',function(data){

 if (typeof(data.items[0]) != "undefined") {
     console.log('video exists ' + data.items[0].snippet.title);
   } else {
     console.log('video not exists');
 }   
});

サーバー側を介した@Jonathanへの応答で、PHPおよびCURL：

$url = "https://www.googleapis.com/youtube/v3/videos?id=".$videoId."&key=".$miApikey."&part=snippet";
$ch = curl_init();
curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
curl_setopt($ch, CURLOPT_URL,$url);
$output=curl_exec($ch);                 
$response = json_decode($output, TRUE);
print_r($response);
10
Mario Gonzales Flores