Got Stuck, Want to fetch the Youtube Videos on your static website and have no clue how to do that, No worries you are at the right place just follow the steps, and you are done, enjoy the hassle-free automated videos from your youtube channel to your up and running website. No more embedded iframe manual youtube videos.
Step 1: Convert the HTML file to PHP
Step2: Paste the following code on top of the page
<?php
ini_set('display_errors', 0);
//Get videos from channel by YouTube Data API
$API_key = 'AIzaSyAMMD1zd1SCDSRG-FVjNxHNyMx1i3A1J6g';
$channelID = 'Your Channel ID';
$maxResults = 10;
$videoList = json_decode(file_get_contents('https://www.googleapis.com/youtube/v3/search?order=date&part=snippet&channelId='.$channelID.'&maxResults='.$maxResults.'&key='.$API_key.''));
?>
ini_set('display_errors', 0);
//Get videos from channel by YouTube Data API
$API_key = 'AIzaSyAMMD1zd1SCDSRG-FVjNxHNyMx1i3A1J6g';
$channelID = 'Your Channel ID';
$maxResults = 10;
$videoList = json_decode(file_get_contents('https://www.googleapis.com/youtube/v3/search?order=date&part=snippet&channelId='.$channelID.'&maxResults='.$maxResults.'&key='.$API_key.''));
?>
Step 3: Loop Through Videos and their thumbnails by following code
<?php
foreach($videoList->items as $item){
//Embed video
if(isset($item->id->videoId)){
echo '<div class="item">
<!-- <iframe src="https://www.youtube.com/embed/'.$item->id->videoId.'" frameborder="0" allowfullscreen></iframe> -->
<a href="https://www.youtube.com/embed/'.$item->id->videoId.'" target="_blank">
<img src="'.$item->snippet->thumbnails->high->url.'">
</a>
</div>';
}
}
?>
foreach($videoList->items as $item){
//Embed video
if(isset($item->id->videoId)){
echo '<div class="item">
<!-- <iframe src="https://www.youtube.com/embed/'.$item->id->videoId.'" frameborder="0" allowfullscreen></iframe> -->
<a href="https://www.youtube.com/embed/'.$item->id->videoId.'" target="_blank">
<img src="'.$item->snippet->thumbnails->high->url.'">
</a>
</div>';
}
}
?>
Now Cheers !
Comments
Post a Comment