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 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.jpgHQと同様の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経由でも利用できます。さらに、わずかに短いホスト名が上記のURLの例のi3.ytimg.com代わりに機能しimg.youtube.comます。
または、YouTube Data API（v3）を使用してサムネイル画像を取得することもできます。
http://www.img.youtube.comだけで、http://img.youtube.com
mqdefaultは16：9
sddefaultそして、maxresdefault常にいくつかのビデオがそれらを持っているとは限りません ...
YouTube Data APIを使用して、ビデオのサムネイル、キャプション、説明、評価、統計などを取得できます。APIバージョン3にはキー*が必要です。キーを取得して、videos：リストリクエストを作成します。
https://www.googleapis.com/youtube/v3/videos?key=YOUR_API_KEY&part=snippet&id=VIDEO_IDPHPコードの例
$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日に数百万のリクエストは無料です。
jsonc代わりに使用jsonしました。JSON構造が間違っているため、失敗しています。
jsonc。jQueryとPHPの例ではを使用する必要がありますjson。そして、新しいJSON構造に準拠するようにコードを更新しました。私は今コードを使用しており、ライブで動作しています。ですから、変更を読まないと機能しないと言わないでください。ありがとう！
v=2）を要求すると、APIの変更が処理されます。
アサフの言ったことは正しい。ただし、すべての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 |
サムネイルやその他のYouTube情報を取得するためのJavaScriptおよびPHPスクリプトは、次の場所にあります。
YouTube動画情報生成ツールを使用して、URLまたは動画IDを送信することにより、YouTube動画に関するすべての情報を取得することもできます。
YouTube API V3では、サムネイルを取得するためにこれらのURLを使用することもできます...それらは品質に基づいて分類されます。
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.jpgAPIを使用して、デフォルトのサムネイル画像を取得できます。単純なコードは次のようになります。
//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);
「黒いバー」を取り除き、YouTubeのようにそれを実行したい場合は、以下を使用できます。
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 Data APIのv3では、あなたがビデオのサムネイルを取得することができますビデオ- >リスト機能。snippet.thumbnails。（key）から、デフォルトの、中または高解像度のサムネイルを選択して、その幅、高さ、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.jpgYouTubeを検索して関連するプロパティを取得するだけの場合：
公開APIを取得する- このリンクは良い方向を示しています
以下のクエリ文字列を使用します。URL文字列内の検索クエリ（q =で示される）は、例として、stackoverflowです。YouTubeからJSON応答が返され、サムネイル、スニペット、作成者などを解析できます。
別の良い代替案は、YouTubeでサポートされているoEmbed API を使用することです。
YouTube URLをoEmbed URLに追加するだけで、サムネイルと埋め込み用のHTMLコードを含むJSONを受け取ります。
例：
http://www.youtube.com/oembed?format=json&url=http%3A//youtube.com/watch%3Fv%3DxUeJdWYdMmQあなたに与えるでしょう：
{
"height":270,
"width":480,
"title":"example video for 2020",
"thumbnail_width":480,
"html":"...",
"thumbnail_height":360,
"version":"1.0",
"provider_name":"YouTube",
"author_url":"https:\/\/www.youtube.com\/channel\/UCza6VSQUzCON- AzlsrOLwaA",
"thumbnail_url":"https:\/\/i.ytimg.com\/vi\/xUeJdWYdMmQ\/hqdefault.jpg",
"author_name":"Pokics",
"provider_url":"https:\/\/www.youtube.com\/",
"type":"video"
}詳細については、ドキュメントをお読みください。
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再生ボタンを配置して画像を作成できる、この気の利いたツールを見つけました。
与えられたソリューションを追加/拡張するために、私はこの問題を自分で抱えていたので、実際には1つのHTTPリクエストで複数のYouTubeビデオコンテンツ（この場合はサムネイル）を取得できることに注意する必要があると感じています：
Restクライアント（この場合は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は、たとえば、Data API（v3）を介してすべてのビデオに対して生成された4つの画像を提供します。
これに従って、URLを次のようにフレーズする必要があります-
www.googleapis.com/youtube/v3/videos?part=snippet&id=`yourVideoId`&key=`yourApiKey`次に、ビデオIDとAPIキーをそれぞれのビデオIDとAPIキーに変更すると、その応答はJSON出力になり、スニペット変数のサムネイルに4つのリンクが提供されます（すべて使用可能な場合）。
parse_url、parse_strを使用してYouTube動画のURLから動画IDを取得し、画像の予測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/$ytID/maxresdefault.jpg";
print "https://img.youtube.com/vi/$ytID/mqdefault.jpg";
print "https://img.youtube.com/vi/$ytID/hqdefault.jpg";
print "https://img.youtube.com/vi/$ytID/sddefault.jpg";
print "https://img.youtube.com/vi/$ytID/default.jpg";このツールを使用してYouTubeサムネイルを生成できます
https://tools.tutsplanet.com/index.php/get-youtube-video-thumbnails
YouTubeサムネイル用に作成した単純なPHP関数とタイプは次のとおりです。
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;}パブリックAPIを使用している場合は、ifステートメントを使用するのが最善の方法です。
動画が公開または限定公開されている場合は、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サムネイルを非常に簡単に取得できるように他の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');これが手動での使用に最適化されたトップアンサーです。セパレータなしのビデオIDトークンを使用すると、ダブルクリックで選択できます。
各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デフォルトのサムネイル画像1.jpg、2.jpg、3.jpg）です。
https://img.youtube.com/vi/YOUTUBEVIDEOID/default.jpg高品質のサムネイルには、次のようなURLを使用します。
https://img.youtube.com/vi/YOUTUBEVIDEOID/hqdefault.jpgHQと同様の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経由でも利用できます。さらに、わずかに短いホスト名が上記のURLの例のi3.ytimg.com代わりに機能しimg.youtube.comます。
または、YouTube Data API（v3）を使用してサムネイル画像を取得することもできます。
方法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詳細については、IDを使用してYouTubeビデオのサムネイルを取得する方法 またはhttps://www.youtube.com/watch?v=mXde7q59BI8ビデオチュートリアル1 もご覧ください。
方法2：
YouTube画像リンクを使用して、 https： //img.youtube.com/vi/ "insert-youtube-video-id-here" /default.jpg
方法3：
ビデオURLリンクを使用してサムネイルを取得するためにブラウザーのソースコードを使用-ビデオのソースコードに移動し、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 も ご覧ください。
https://www.youtube.com/watch?v=mXde7q59BI8とhttps://www.youtube.com/watch?v=9f6E8MeM6PI（実質的に）壊れています。
使用する img.youtube.com/vi/YouTubeID/ImageFormat.jpg
ここで、画像フォーマットはdefault、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
},
{})
}以下は、サムネイルを取得するために作成した簡単な関数です。わかりやすく使いやすいです。
$ linkは、ブラウザーにあるとおりにコピーされた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;
}&t=227sか？
このコードを空の.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';
}ありがとう。