Автоматическое отображение последних 5 видео для YouTube в HTML - PullRequest
Новая
       27

Автоматическое отображение последних 5 видео для YouTube в HTML

0 голосов
/ 28 марта 2019

1 Я пытаюсь отобразить пять последних видео с моего канала YouTube на одной странице HTML.Мне удалось успешно вставить одно видео на YouTube с этим кодом, но я не могу загрузить другое.Я также пытался вставить второе последнее видео, но независимо от того, что я пытаюсь, я получаю ошибку воспроизведения с неверным идентификатором, как показано выше.Кто-нибудь знает, как я могу вставить последние 5 видео с моего YouTube Chanel в JSON / JavaScript?

Ниже мой код 

    var channelID = "MY-ID";
    var reqURL = "https://www.youtube.com/feeds/videos.xml?channel_id=";
    $.getJSON("https://api.rss2json.com/v1/api.json?rss_url=" + encodeURIComponent(reqURL)+channelID, function(data) {
       var link = data.items[0].link;
       var id = link.substr(link.indexOf("=")+1);
    $("#youtube_video").attr("src","https://youtube.com/embed/"+ id + "?controls=0&showinfo=0&rel=0");
    });
<iframe id="youtube_video" width="600" height="340" frameborder="0" allowfullscreen></iframe> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>

1 Ответ

0 голосов
/ 29 марта 2019

Я нашел, вы должны изменить число в []. 

	  var channelID = "MY-ID";
    var reqURL = "https://www.youtube.com/feeds/videos.xml?channel_id=";
    $.getJSON("https://api.rss2json.com/v1/api.json?rss_url=" + encodeURIComponent(reqURL)+channelID, function(data) {
       var link = data.items[0].link;
       var id = link.substr(link.indexOf("=")+1);
    $("#youtube_video").attr("src","https://youtube.com/embed/"+ id + "?controls=0&showinfo=0&rel=0");
		var link = data.items[1].link;
       	var id = link.substr(link.indexOf("=")+1);
    $("#youtube_video2").attr("src","https://youtube.com/embed/"+ id + "?controls=0&showinfo=0&rel=0");
		var link = data.items[2].link;
     	var id = link.substr(link.indexOf("=")+1);
    $("#youtube_video3").attr("src","https://youtube.com/embed/"+ id + "?controls=0&showinfo=0&rel=0");
	
    });
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>

<iframe id="youtube_video" width="600" height="340" frameborder="0" allowfullscreen></iframe>
<iframe id="youtube_video2" width="600" height="340" frameborder="0" allowfullscreen></iframe>
<iframe id="youtube_video3" width="600" height="340" frameborder="0" allowfullscreen></iframe>
...