仅显示 YouTube 播放列表页面的列表

Display Only the List of a YouTube Playlist Page

本文关键字:列表 播放列表 显示 YouTube      更新时间:2023-09-26

如果我有一个播放列表网址,说"https://www.youtube.com/playlist?list=PLRU-B1PBK4Buu_yoMI8V-eTel9O3gVMpB",我把它放在一个iframe中,上面有:

<iframe src="http://www.youtube.com/playlist?list=UUK376qNDlNZZDNHsnaWuTeg" width ="1920" height="1080"></iframe>

我得到一个空白的 iFrame,那么我该如何解决呢?另外,我只想显示"pl-video-list"div,而不是网页的其余部分。stackoverflow上的其他回复都是特定于网站的,或者似乎不起作用。

另一个选项使用 JQuery 提取播放列表

              <script>
    var playListURL = 'http://gdata.youtube.com/feeds/api/playlists/UUK376qNDlNZZDNHsnaWuTeg?v=2&alt=json&callback=?';
    var videoURL= 'http://www.youtube.com/watch?v=';
    $.getJSON(playListURL, function(data) {
        var list_data="";
        $.each(data.feed.entry, function(i, item) {
            var feedTitle = item.title.$t;
            var feedURL = item.link[1].href;
            var fragments = feedURL.split("/");
            var videoID = fragments[fragments.length - 2];
            var url = videoURL + videoID;
            list_data += '<a href="'+ url +'" title="'+ feedTitle +'"><br><br>'+ feedTitle+'</a>';
        });
        $(list_data).appendTo(".playlist");
    });
            </script>
<ul class="playlist"></ul>

http://jsfiddle.net/jamie8763/g5unx78b/

这可能

不是您要找的答案,但<iframe width="560" height="315" src="http://www.youtube.com/embed/videoseries?list=PLRU-B1PBK4Buu_yoMI8V-eTel9O3gVMpB" frameborder="0" allowfullscreen></iframe>允许您使用下拉菜单查看播放列表中的第一个视频以查看播放列表的其余部分。

至于您的空白iframe,我在尝试时收到以下错误。

拒绝显示 "https://www.youtube.com/playlist?list=PLRU-B1PBK4Buu_yoMI8V-eTel9O3gVMpB" 因为它将"X帧选项"设置为"SAMEORIGIN"。

据我所知,没有办法将某个div 显示在 iframe 中。要么全有,要么全无。