Youtubeの再生リストをphpでサイトに表示させる

メタデータ

公開日：2018/09/21
更新日：2021/07/10
カテゴリ：コード
タグ：PHP

リアクション

シェア寄付

【こちらは前サイトからの移植記事になります。】

　コピペでできるよ。

APIキー

　googleアカウントが必要です。
　Google API ConsoleでYouTube Data API v3のキーを取得してください。

php

　APIキー、再生リストのid（URL見るとわかる）を変えてください。
　簡単なcssも入れてるので、phpファイルにコピペしてしまえば再生リストを一覧で表示できます。

<div style="display:flex;">
<?php
	$api = 'APIキー';
	$id = '再生リストのid';
	$url = 'https://www.googleapis.com/youtube/v3/playlistItems?part=snippet&playlistId='. $id .'&maxResults=50&key=' . $api;
	$json = file_get_contents($url);
	$json = mb_convert_encoding($json, 'UTF8', 'ASCII,JIS,UTF-8,EUC-JP,SJIS-WIN');
	$arr = json_decode($json,true);
?>
<iframe name="youtube" width="560" height="315" src="https://www.youtube.com/embed/<?php echo $arr[items][0][snippet][resourceId][videoId]; ?>" frameborder="0"  allowfullscreen></iframe>
<ul class="movielist">
	<?php
		if ($arr === NULL) {
			echo 'のーでーた';
			return;
		} else {
			for ($i=0; $i < count($arr[items]); $i++) {
				$title = $arr[items][$i][snippet][title];
				$thumbnails = $arr[items][$i][snippet][thumbnails][high][url];
				$id = $arr[items][$i][snippet][resourceId][videoId];
				echo '<li><a href="https://www.youtube.com/embed/' . $id . '" target="youtube">';
				echo '<img src="' . $thumbnails . '" alt="' . $title . '">';
				echo '</a></li>';
			}
		}
	?>
</ul>
</div>
<style>
	.movielist {
		display:block;
		height: 315px;
		list-style: none;
		overflow-y: auto;
		width: 200px;
	}
	.movielist img {
		width: 100%;
	}
</style>

<?php

$api = 'APIキー';

$id = '再生リストのid';

$url = 'https://www.googleapis.com/youtube/v3/playlistItems?part=snippet&playlistId='. $id .'&maxResults=50&key=' . $api;

$json = file_get_contents($url);

$json = mb_convert_encoding($json, 'UTF8', 'ASCII,JIS,UTF-8,EUC-JP,SJIS-WIN');

$arr = json_decode($json,true);

<?php

if ($arr === NULL) {

echo 'のーでーた';

return;

} else {

for ($i=0; $i < count($arr[items]); $i++) {

$title = $arr[items][$i][snippet][title];

$thumbnails = $arr[items][$i][snippet][thumbnails][high][url];

$id = $arr[items][$i][snippet][resourceId][videoId];

echo '<li><a href="https://www.youtube.com/embed/' . $id . '" target="youtube">';

echo '<img src="' . $thumbnails . '" alt="' . $title . '">';

echo '</a></li>';

}

</ul>

</div>

<style>

.movielist {

display:block;

height: 315px;

list-style: none;

overflow-y: auto;

width: 200px;

}

.movielist img {

width: 100%;

}

</style>

再生画面を変えたい

　iframe及び$idにいろいろな設定を加えるとコントローラーなくしたりオートプレイにしたり、関連動画を非表示にしたりいろいろできます。