YouTube API から YouTube 動画のサムネイルを取得するにはどうすればよいですか?
-
20-09-2019 - |
質問
YouTube ビデオ URL がある場合、PHP と cURL を使用して、関連するサムネイルを YouTube API から取得する方法はありますか?
解決
各YouTubeのビデオは、4枚の生成された画像を持っています。次のように彼らは、予想通りにフォーマットされています:
https://img.youtube.com/vi/<insert-youtube-video-id-here>/0.jpg
https://img.youtube.com/vi/<insert-youtube-video-id-here>/1.jpg
https://img.youtube.com/vi/<insert-youtube-video-id-here>/2.jpg
https://img.youtube.com/vi/<insert-youtube-video-id-here>/3.jpg
リスト内の最初のものは、フルサイズの画像であり、他は、サムネイル画像です。デフォルトのサムネイル画像(すなわち、1.jpg
、2.jpg
、3.jpg
の一つ)である
https://img.youtube.com/vi/<insert-youtube-video-id-here>/default.jpg
サムネイルの高品質のバージョンでは、これに似たURLを使用します
https://img.youtube.com/vi/<insert-youtube-video-id-here>/hqdefault.jpg
HQのようなURLを使用して、また、サムネイルの中品質のバージョンがあります:
https://img.youtube.com/vi/<insert-youtube-video-id-here>/mqdefault.jpg
は、サムネイルの標準的な定義のバージョンについては、次のようなURLを使用します:
https://img.youtube.com/vi/<insert-youtube-video-id-here>/sddefault.jpg
サムネイルの最大解像度バージョンの場合、このようなURLを使用
https://img.youtube.com/vi/<insert-youtube-video-id-here>/maxresdefault.jpg
上記のURLのすべてがあまりにもHTTP経由で利用可能です。さらに、わずかに短いホスト名i3.ytimg.com
は、上記の例のURLにimg.youtube.com
の代わりに働きます。
また、あなたは、YouTubeデータAPI(v3の)rel="noreferrer">のを使用することができます。
他のヒント
使用できます YouTube データ API ビデオのサムネイル、キャプション、説明、評価、統計などを取得します。API バージョン 3 にはキー* が必要です。キーを取得して作成します ビデオ:リスト リクエスト:
https://www.googleapis.com/youtube/v3/videos?key=YOUR_API_KEY&part=snippet&id=VIDEO_ID
PHP コードの例
$data = file_get_contents("https://www.googleapis.com/youtube/v3/videos?key=YOUR_API_KEY&part=snippet&id=T0Jqdjbed40");
$json = json_decode($data);
var_dump($json->items[0]->snippet->thumbnails);
出力
object(stdClass)#5 (5) {
["default"]=>
object(stdClass)#6 (3) {
["url"]=>
string(46) "https://i.ytimg.com/vi/T0Jqdjbed40/default.jpg"
["width"]=>
int(120)
["height"]=>
int(90)
}
["medium"]=>
object(stdClass)#7 (3) {
["url"]=>
string(48) "https://i.ytimg.com/vi/T0Jqdjbed40/mqdefault.jpg"
["width"]=>
int(320)
["height"]=>
int(180)
}
["high"]=>
object(stdClass)#8 (3) {
["url"]=>
string(48) "https://i.ytimg.com/vi/T0Jqdjbed40/hqdefault.jpg"
["width"]=>
int(480)
["height"]=>
int(360)
}
["standard"]=>
object(stdClass)#9 (3) {
["url"]=>
string(48) "https://i.ytimg.com/vi/T0Jqdjbed40/sddefault.jpg"
["width"]=>
int(640)
["height"]=>
int(480)
}
["maxres"]=>
object(stdClass)#10 (3) {
["url"]=>
string(52) "https://i.ytimg.com/vi/T0Jqdjbed40/maxresdefault.jpg"
["width"]=>
int(1280)
["height"]=>
int(720)
}
}
* キーが必要なだけでなく、実行する予定の API リクエストの数に応じて、請求情報の入力を求められる場合があります。ただし、1 日あたり数百万件のリクエストは無料です。
出典記事.
アサフの言ったことは正しい。ただし、すべての YouTube 動画に 9 つのサムネイルすべてが含まれているわけではありません。また、サムネイルの画像サイズは動画によって異なります(以下の数値は1つを基準としています)。
存在することが保証されているサムネイルは 7 つあります。
| Thumbnail Name | Size (px) | URL |
|---------------------|-----------|--------------------------------------------------|
| Player Background | 480x360 | https://i1.ytimg.com/vi/<VIDEO ID>/0.jpg |
| Start | 120x90 | https://i1.ytimg.com/vi/<VIDEO ID>/1.jpg |
| Middle | 120x90 | https://i1.ytimg.com/vi/<VIDEO ID>/2.jpg |
| End | 120x90 | https://i1.ytimg.com/vi/<VIDEO ID>/3.jpg |
| High Quality | 480x360 | https://i1.ytimg.com/vi/<VIDEO ID>/hqdefault.jpg |
| Medium Quality | 320x180 | https://i1.ytimg.com/vi/<VIDEO ID>/mqdefault.jpg |
| Normal Quality | 120x90 | https://i1.ytimg.com/vi/<VIDEO ID>/default.jpg |
さらに、他の 2 つのサムネイルは存在する場合と存在しない場合があります。彼らの存在はおそらく、ビデオが高品質であるかどうかに基づいています。
| Thumbnail Name | Size (px) | URL |
|---------------------|-----------|------------------------------------------------------|
| Standard Definition | 640x480 | https://i1.ytimg.com/vi/<VIDEO ID>/sddefault.jpg |
| Maximum Resolution | 1920x1080 | https://i1.ytimg.com/vi/<VIDEO ID>/maxresdefault.jpg |
JavaScriptとPHPスクリプトを見つけることができ、サムネイルやその他のYouTube情報を取得してください。
を使用することもできます。 YouTube ビデオ情報ジェネレーター URL またはビデオ ID を送信して YouTube ビデオに関するすべての情報を取得するツール。
私たちはまた、サムネイルを取得するためにこれらのURLを使用することができますYouTubeのAPIのV3で...彼らは彼らの品質に基づいて分類されています。
https://i1.ytimg.com/vi/<insert-youtube-video-id-here>/default.jpg - default
https://i1.ytimg.com/vi/<insert-youtube-video-id-here>/mqdefault.jpg - medium
https://i1.ytimg.com/vi/<insert-youtube-video-id-here>/hqdefault.jpg - high
https://i1.ytimg.com/vi/<insert-youtube-video-id-here>/sddefault.jpg - standard
と最大解像度のため..
https://i1.ytimg.com/vi/<insert-youtube-video-id-here>/maxresdefault.jpg
最初の回答中のURLを超えるこれらのURLの1つの利点は、これらのURLは、ファイアウォールによってブロックされませんということです。
あなたが特定のビデオIDのYouTubeからの最大の画像をしたい場合は、URLは次のようなものである必要があります:
http://i3.ytimg.com/vi/SomeVideoIDHere/0.jpg
APIを使用すると、デフォルトのサムネイル画像を拾うことができます。シンプルなコードは次のようなものである必要があります:
//Grab the default thumbnail image
$attrs = $media->group->thumbnail[1]->attributes();
$thumbnail = $attrs['url'];
$thumbnail = substr($thumbnail, 0, -5);
$thumb1 = $thumbnail."default.jpg";
// Grab the third thumbnail image
$thumb2 = $thumbnail."2.jpg";
// Grab the fourth thumbnail image.
$thumb3 = $thumbnail."3.jpg";
// Using simple cURL to save it your server.
// You can extend the cURL below if you want it as fancy, just like
// the rest of the folks here.
$ch = curl_init ("$thumb1");
curl_setopt($ch, CURLOPT_HEADER, 0);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
curl_setopt($ch, CURLOPT_BINARYTRANSFER,1);
$rawdata = curl_exec($ch);
curl_close($ch);
// Using fwrite to save the above
$fp = fopen("SomeLocationInReferenceToYourScript/AnyNameYouWant.jpg", 'w');
// Write the file
fwrite($fp, $rawdata);
// And then close it.
fclose($fp);
あなたは「黒いバー」を取り除きたいとそれを行う場合は、使用することができます:
https://i.ytimg.com/vi_webp/<video id>/mqdefault.webp
そして、あなたは.webp
ファイル拡張子を使用することができない場合は、このようにそれを行うことができます:
https://i.ytimg.com/vi/<video id>/mqdefault.jpg
あなたがスケーリングされていないバージョンが必要な場合は、また、代わりにmaxresdefault
のmqdefault
を使用します。
注:maxresdefault
を使用することを計画している場合、私は、アスペクト比についてはよく分からない。
私は唯一のYouTubeから既存の画像を取得する機能を作った。
function youtube_image($id) {
$resolution = array (
'maxresdefault',
'sddefault',
'mqdefault',
'hqdefault',
'default'
);
for ($x = 0; $x < sizeof($resolution); $x++) {
$url = '//img.youtube.com/vi/' . $id . '/' . $resolution[$x] . '.jpg';
if (get_headers($url)[0] == 'HTTP/1.0 200 OK') {
break;
}
}
return $url;
}
で YouTube データ API v3, 、次のコマンドを使用してビデオのサムネイルを取得できます。 動画→リスト 関数。から スニペット.サムネイル.(キー), では、デフォルト、中解像度、または高解像度のサムネイルを選択し、その幅、高さ、URL を取得できます。
サムネイルを更新することもできます サムネイル -> 設定 機能性。
たとえば、以下をチェックできます。 YouTube API サンプル プロジェクト。(PHPのもの.)
// Get image form video URL
$url = $video['video_url'];
$urls = parse_url($url);
//Expect the URL to be http://youtu.be/abcd, where abcd is the video ID
if ($urls['host'] == 'youtu.be') :
$imgPath = ltrim($urls['path'],'/');
//Expect the URL to be http://www.youtube.com/embed/abcd
elseif (strpos($urls['path'],'embed') == 1) :
$imgPath = end(explode('/',$urls['path']));
//Expect the URL to be abcd only
elseif (strpos($url,'/') === false):
$imgPath = $url;
//Expect the URL to be http://www.youtube.com/watch?v=abcd
else :
parse_str($urls['query']);
$imgPath = $v;
endif;
YouTubeはGoogleが所有しているとGoogleは、したがって、その画像は、異なるサイズで保存されている、さまざまな画面サイズのための画像の合理的な数を持っているのが好き。
:ここにあなたのサムネイルは次のようになります方法の例です低品質のサムネイルます:
http://img.youtube.com/vi/<YouTube_Video_ID_HERE>/sddefault.jpg
ミディアム品質サムネイルます:
http://img.youtube.com/vi/<YouTube_Video_ID_HERE>/mqdefault.jpg
高品質のサムネイルます:
http://img.youtube.com/vi/<YouTube_Video_ID_HERE>/hqdefault.jpg
最大品質のサムネイルます:
http://img.youtube.com/vi/<YouTube_Video_ID_HERE>/maxresdefault.jpg
YouTube APIバージョン3 2 分で起動して実行可能
YouTube を検索して、関連するプロパティを取得したいだけの場合は、次のようにします。
入手する パブリックAPI -- このリンクは良い方向性を示します
以下のクエリ文字列を使用します。検索クエリ (で示されます) q=) URL 文字列内の スタックオーバーフロー たとえば目的。YouTube は JSON 応答を送り返します。そこでサムネイル、スニペット、作成者などを解析できます。
使用します。
https://www.googleapis.com/youtube/v3/videoCategories?part=snippet,id&maxResults=100®ionCode=us&key=**Your YouTube ID**
上記のリンクです。それを使用すると、ビデオのYouTubeの特性を見つけることができます。特性を見つけた後、あなたが選択したカテゴリの動画を得ることができます。この後、あなたはの<のhref = "https://stackoverflow.com/questions/2068344/how-do-i-get-a-youtube-video-thumbnail-from-the-youtubeを使用して、選択した映像を見つけることができます-api / 2068371#2068371" >アサフの答えのの
上記の方法を試してみて、あなたは、YouTubeの APIするからすべてを解析することができます。
私はこのようにYouTubeのサムネイルを使用しています:
$url = 'http://img.youtube.com/vi/' . $youtubeId . '/0.jpg';
$img = dirname(__FILE__) . '/youtubeThumbnail_' . $youtubeId . '.jpg';
file_put_contents($img, file_get_contents($url));
YouTubeは自分のサーバから直接画像を含めることを忘れないでください防ぎます。
画像の上に YouTube の再生ボタンを配置して画像を作成できる、気の利いたツールを見つけました。
- スクリプト作成のためにサーバーにインストールされます。 https://github.com/halgatewood/youtube-thumbnail-enhancer
ただ、与えられたソリューションを拡張/追加するために、私は、それを注意することが必要であると感じ、自分自身、人は実際には1つのHTTPリクエストで、この場合には、サムネイルを複数のYouTube動画コンテンツをつかむことができます。
残りのクライアントを使用して、この場合には、HTTPFULは、あなたはこのような何かを行うことができます
<?php
header("Content-type", "application/json");
//download the httpfull.phar file from http://phphttpclient.com
include("httpful.phar");
$youtubeVidIds= array("nL-rk4bgJWU", "__kupr7KQos", "UCSynl4WbLQ", "joPjqEGJGqU", "PBwEBjX3D3Q");
$response = \Httpful\Request::get("https://www.googleapis.com/youtube/v3/videos?key=YourAPIKey4&part=snippet&id=".implode (",",$youtubeVidIds)."")
->send();
print ($response);
?>
もう一つの良い代替は、YouTubeがサポートされているのoEmbed のAPIを使用することです。
あなたは、単にのoEmbed URLにYouTubeのURLを追加して、あなたはサムネイルと埋め込み用HTMLコードを含むJSONを受け取ります。
の例:の
http://www.youtube.com/oembed?format=json&url=http%3A//youtube.com/watch%3Fv%3DDLzxrzFCyOs
あなたを与えるだろう。
{
thumbnail_url: "https://i.ytimg.com/vi/DLzxrzFCyOs/hqdefault.jpg",
width: 459,
author_name: "AllKindsOfStuff",
version: "1.0",
author_url: "https://www.youtube.com/channel/UCLNd5EtH77IyN1frExzwPRQ",
thumbnail_width: 480,
type: "video",
provider_url: "https://www.youtube.com/",
html: "<iframe width="459" height="344" src="https://www.youtube.com/embed/DLzxrzFCyOs?feature=oembed" frameborder="0" allowfullscreen></iframe>",
title: "Some title bla bla foo bar",
thumbnail_height: 360,
provider_name: "YouTube",
height: 344
}
より情報のドキュメントを読みます。
YouTube サムネイル用に作成した単純な PHP 関数とその型は次のとおりです。
- デフォルト
- 本社デフォルト
- mqデフォルト
- sdデフォルト
- 最大解像度デフォルト
function get_youtube_thumb($link,$type){
$video_id = explode("?v=", $link);
if (empty($video_id[1])){
$video_id = explode("/v/", $link);
$video_id = explode("&", $video_id[1]);
$video_id = $video_id[0];
}
$thumb_link = "";
if($type == 'default' || $type == 'hqdefault' ||
$type == 'mqdefault' || $type == 'sddefault' ||
$type == 'maxresdefault'){
$thumb_link = 'http://img.youtube.com/vi/'.$video_id.'/'.$type.'.jpg';
}elseif($type == "id"){
$thumb_link = $video_id;
}
return $thumb_link;}
あなたはそれを行うための最善の方法は、if
文を使用している、パブリックAPIを使用している場合。
場合は、URLのメソッドを使用してサムネイルを設定します。 ビデオはプライベートである場合は、サムネイルを取得するためにAPIを使用します。
<?php
if($video_status == 'unlisted'){
$video_thumbnail = 'http://img.youtube.com/vi/'.$video_url.'/mqdefault.jpg';
$video_status = '<i class="fa fa-lock"></i> Unlisted';
}
elseif($video_status == 'public'){
$video_thumbnail = 'http://img.youtube.com/vi/'.$video_url.'/mqdefault.jpg';
$video_status = '<i class="fa fa-eye"></i> Public';
}
elseif($video_status == 'private'){
$video_thumbnail = $playlistItem['snippet']['thumbnails']['maxres']['url'];
$video_status = '<i class="fa fa-lock"></i> Private';
}
YouTube データ API
YouTube は、たとえば、Data API (v3) を通じて、すべてのビデオに対して 4 つの生成された画像を提供します。
API経由で画像にアクセスする
- まず、公開 API キーを次の場所で取得します。 Google APIコンソール.
- YouTube のサムネイル参照によると、 APIドキュメント, 、snippet.thumbnails のリソースにアクセスする必要があります。
これに従って、URLを次のように表現する必要があります -
www.googleapis.com/youtube/v3/videos?part=snippet&id=`yourVideoId`&key=`yourApiKey`
次に、ビデオ ID と API キーをそれぞれのビデオ ID と API キーに変更すると、その応答は JSON 出力となり、スニペット変数のサムネイル内の 4 つのリンクが提供されます (すべて利用可能な場合)。
あなたはでもparse_url を使用してYouTubeの動画のURLから動画IDを取得することができますA>、 parse_str と、次に画像に対する予測URLへの挿入。予測のURLのYouTubeのおかげで、
$videoUrl = "https://www.youtube.com/watch?v=8zy7wGbQgfw";
parse_str( parse_url( $videoUrl, PHP_URL_QUERY ), $my_array_of_vars );
$ytID = $my_array_of_vars['v']; //gets video ID
print "https://img.youtube.com/vi/<?php print $ytID?>/maxresdefault.jpg";
print "https://img.youtube.com/vi/<?php print $ytID?>/mqdefault.jpg";
print "https://img.youtube.com/vi/<?php print $ytID?>/hqdefault.jpg";
print "https://img.youtube.com/vi/<?php print $ytID?>/sddefault.jpg";
print "https://img.youtube.com/vi/<?php print $ytID?>/default.jpg";
あなたはYouTubeのサムネイルを生成するには、このツールを使用することができます。
https://tools.tutsplanet.com/index.php /取得 - ユーチューブ・ビデオ・サムネイルの
私は、サムネイルのための答えの多くは自分のだと思いますが、私は非常に簡単にYouTubeのサムネイルを取得するためにいくつかの他のURLを追加します。私はちょうどアサフの回答からいくつかのテキストを取っています。ここでは、YouTubeのサムネイルを取得するには、いくつかのURLは次のとおりです:
https://ytimg.googleusercontent.com/vi/<insert-youtube-video-id-here>/default.jpg
サムネイルの高品質のバージョンでは、これに似たURLを使用します
https://ytimg.googleusercontent.com/vi/<insert-youtube-video-id-here>/hqdefault.jpg
高品質のようなURLを使用して、また、サムネイルの中品質のバージョンがあります:
https://ytimg.googleusercontent.com/vi/<insert-youtube-video-id-here>/mqdefault.jpg
は、サムネイルの標準的な定義のバージョンについては、次のようなURLを使用します:
https://ytimg.googleusercontent.com/vi/<insert-youtube-video-id-here>/sddefault.jpg
サムネイルの最大解像度バージョンの場合、このようなURLを使用
https://ytimg.googleusercontent.com/vi/<insert-youtube-video-id-here>/maxresdefault.jpg
function get_video_thumbnail( $src ) {
$url_pieces = explode('/', $src);
if( $url_pieces[2] == 'dai.ly'){
$id = $url_pieces[3];
$hash = json_decode(file_get_contents('https://api.dailymotion.com/video/'.$id.'?fields=thumbnail_large_url'), TRUE);
$thumbnail = $hash['thumbnail_large_url'];
}else if($url_pieces[2] == 'www.dailymotion.com'){
$id = $url_pieces[4];
$hash = json_decode(file_get_contents('https://api.dailymotion.com/video/'.$id.'?fields=thumbnail_large_url'), TRUE);
$thumbnail = $hash['thumbnail_large_url'];
}else if ( $url_pieces[2] == 'vimeo.com' ) { // If Vimeo
$id = $url_pieces[3];
$hash = unserialize(file_get_contents('http://vimeo.com/api/v2/video/' . $id . '.php'));
$thumbnail = $hash[0]['thumbnail_large'];
} elseif ( $url_pieces[2] == 'youtu.be' ) { // If Youtube
$extract_id = explode('?', $url_pieces[3]);
$id = $extract_id[0];
$thumbnail = 'http://img.youtube.com/vi/' . $id . '/mqdefault.jpg';
}else if ( $url_pieces[2] == 'player.vimeo.com' ) { // If Vimeo
$id = $url_pieces[4];
$hash = unserialize(file_get_contents('http://vimeo.com/api/v2/video/' . $id . '.php'));
$thumbnail = $hash[0]['thumbnail_large'];
} elseif ( $url_pieces[2] == 'www.youtube.com' ) { // If Youtube
$extract_id = explode('=', $url_pieces[3]);
$id = $extract_id[1];
$thumbnail = 'http://img.youtube.com/vi/' . $id . '/mqdefault.jpg';
} else{
$thumbnail = tim_thumb_default_image('video-icon.png', null, 147, 252);
}
return $thumbnail;
}
get_video_thumbnail('https://vimeo.com/154618727');
get_video_thumbnail('https://www.youtube.com/watch?v=SwU0I7_5Cmc');
get_video_thumbnail('https://youtu.be/pbzIfnekjtM');
get_video_thumbnail('http://www.dailymotion.com/video/x5thjyz');
各YouTubeのビデオは、4枚の生成された画像を持っています。次のように彼らは、予想通りにフォーマットされています:
https://img.youtube.com/vi/YOUTUBEVIDEOID/0.jpg
https://img.youtube.com/vi/YOUTUBEVIDEOID/1.jpg
https://img.youtube.com/vi/YOUTUBEVIDEOID/2.jpg
https://img.youtube.com/vi/YOUTUBEVIDEOID/3.jpg
リスト内の最初のものは、フルサイズの画像であり、他は、サムネイル画像です。デフォルトのサムネイル画像(すなわち1.jpg
、2.jpg
、3.jpg
の一つ。)です。
https://img.youtube.com/vi/YOUTUBEVIDEOID/default.jpg
サムネイルの高品質のバージョンでは、これに似たURLを使用します
https://img.youtube.com/vi/YOUTUBEVIDEOID/hqdefault.jpg
HQのようなURLを使用して、また、サムネイルの中品質のバージョンがあります:
https://img.youtube.com/vi/YOUTUBEVIDEOID/mqdefault.jpg
は、サムネイルの標準的な定義のバージョンについては、次のようなURLを使用します:
https://img.youtube.com/vi/YOUTUBEVIDEOID/sddefault.jpg
サムネイルの最大解像度バージョンの場合、このようなURLを使用
https://img.youtube.com/vi/YOUTUBEVIDEOID/maxresdefault.jpg
上記のURLのすべてがあまりにもHTTP経由で利用可能です。さらに、わずかに短いホスト名i3.ytimg.com
は、上記の例のURLにimg.youtube.com
の代わりに働きます。
の方法1:の
あなたも「thumbnail_url」を持っているJSONのページでYouTubeのビデオのすべての情報を見つけることができ、 http://www.youtube.com/oembed?format=json&url= の{あなたの動画のURLをここに}
最後のURLルック+ PHPのテストコードのように
$data = file_get_contents("https://www.youtube.com/oembed?format=json&url=https://www.youtube.com/watch?v=_7s-6V_0nwA");
$json = json_decode($data);
var_dump($json);
出力
object(stdClass)[1]
public 'width' => int 480
public 'version' => string '1.0' (length=3)
public 'thumbnail_width' => int 480
public 'title' => string 'how to reminder in window as display message' (length=44)
public 'provider_url' => string 'https://www.youtube.com/' (length=24)
public 'thumbnail_url' => string 'https://i.ytimg.com/vi/_7s-6V_0nwA/hqdefault.jpg' (length=48)
public 'author_name' => string 'H2 ZONE' (length=7)
public 'type' => string 'video' (length=5)
public 'author_url' => string 'https://www.youtube.com/channel/UC9M35YwDs8_PCWXd3qkiNzg' (length=56)
public 'provider_name' => string 'YouTube' (length=7)
public 'height' => int 270
public 'html' => string '<iframe width="480" height="270" src="https://www.youtube.com/embed/_7s-6V_0nwA?feature=oembed" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>' (length=171)
public 'thumbnail_height' => int 360
詳細については、あなたはまた、 https://www.youtube.com/watchを見ることができますか? V = mXde7q59BI8 のビデオチュートリアル1
の方法2:の
YouTubeの画像リンクを使用して、 https://img.youtube.com/vi/ の「挿入 - ユーチューブ・ビデオ・ID-ここでは、「/default.jpg
の方法3:の
動画のURLリンクを使用してサムネイルを取得するためのブラウザのソースコードを使用します ビデオソースコードに-goとthumbnailurlを検索します。 今、あなたはには、このURLを使用することができます ソースコード:
{img src="https://img.youtube.com/vi/"insert-youtube-video-id-here"/default.jpg"}
あなたも見ることができます詳細については、のどのように取得しますIDを使ってYouTubeの動画サムネイルのの または https://www.youtube.com/watch?v=9f6E8MeM6PIする ビデオチュートリアル2
使用img.youtube.com/vi/YouTubeID/ImageFormat.jpg
ここでは画像フォーマットがデフォルトのように異なっている、hqdefault、 maxresdefaultます。
これは私のクライアント側のみの無API-キーに必要なソリューションです。
YouTube.parse('https://www.youtube.com/watch?v=P3DGwyl0mJQ').then(_ => console.log(_))
コード
import { parseURL, parseQueryString } from './url'
import { getImageSize } from './image'
const PICTURE_SIZE_NAMES = [
// 1280 x 720.
// HD aspect ratio.
'maxresdefault',
// 629 x 472.
// non-HD aspect ratio.
'sddefault',
// For really old videos not having `maxresdefault`/`sddefault`.
'hqdefault'
]
// - Supported YouTube URL formats:
// - http://www.youtube.com/watch?v=My2FRPA3Gf8
// - http://youtu.be/My2FRPA3Gf8
export default
{
parse: async function(url)
{
// Get video ID.
let id
const location = parseURL(url)
if (location.hostname === 'www.youtube.com') {
if (location.search) {
const query = parseQueryString(location.search.slice('/'.length))
id = query.v
}
} else if (location.hostname === 'youtu.be') {
id = location.pathname.slice('/'.length)
}
if (id) {
return {
source: {
provider: 'YouTube',
id
},
picture: await this.getPicture(id)
}
}
},
getPicture: async (id) => {
for (const sizeName of PICTURE_SIZE_NAMES) {
try {
const url = getPictureSizeURL(id, sizeName)
return {
type: 'image/jpeg',
sizes: [{
url,
...(await getImageSize(url))
}]
}
} catch (error) {
console.error(error)
}
}
throw new Error(`No picture found for YouTube video ${id}`)
},
getEmbeddedVideoURL(id, options = {}) {
return `https://www.youtube.com/embed/${id}`
}
}
const getPictureSizeURL = (id, sizeName) => `https://img.youtube.com/vi/${id}/${sizeName}.jpg`
ユーティリティimage.js
ます:
// Gets image size.
// Returns a `Promise`.
function getImageSize(url)
{
return new Promise((resolve, reject) =>
{
const image = new Image()
image.onload = () => resolve({ width: image.width, height: image.height })
image.onerror = reject
image.src = url
})
}
ユーティリティurl.js
ます:
// Only on client side.
export function parseURL(url)
{
const link = document.createElement('a')
link.href = url
return link
}
export function parseQueryString(queryString)
{
return queryString.split('&').reduce((query, part) =>
{
const [key, value] = part.split('=')
query[decodeURIComponent(key)] = decodeURIComponent(value)
return query
},
{})
}
ここで私は、サムネイルを取得するために作成したシンプルな機能です。理解し、使いやすいです。
それは例えば、ブラウザにあるように、$リンクが正確にコピーされたYouTubeのリンクで、 HTTPS :?//www.youtube.com/watch V = BQ0mxQXmLskする
function get_youtube_thumb($link){
$new = str_replace('https://www.youtube.com/watch?v=', '', $link);
$thumbnail = 'https://img.youtube.com/vi/' . $new . '/0.jpg';
return $thumbnail;
}
空の.phpファイルにこのコードを保存し、それをテストします。
<img src="<?php echo youtube_img_src('9bZkp7q19f0', 'high');?>" />
<?php
// Get a YOUTUBE video thumb image's source url for IMG tag "src" attribute:
// $ID = YouYube video ID (string)
// $size = string (default, medium, high or standard)
function youtube_img_src ($ID = null, $size = 'default') {
switch ($size) {
case 'medium':
$size = 'mqdefault';
break;
case 'high':
$size = 'hqdefault';
break;
case 'standard':
$size = 'sddefault';
break;
default:
$size = 'default';
break;
}
if ($ID) {
return sprintf('https://img.youtube.com/vi/%s/%s.jpg', $ID, $size);
}
return 'https://img.youtube.com/vi/ERROR/1.jpg';
}
感謝します。
public const string tubeThumb = "http://i.ytimg.com/vi/[id]/hqdefault.jpg";
vid.Thumbnail = tubeThumb.Replace("[id]", vid.VideoID);