仅显示 YouTube 播放列表页面的列表
Display Only the List of a YouTube Playlist Page
如果我有一个播放列表网址,说"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 中。要么全有,要么全无。
相关文章:
- Javascript::通过HTML5音频播放器播放列表播放多个音频文件
- Sequelize:属性之间的命名冲突'播放列表'以及关联'播放列表'
- 使用SoundJS播放列表
- 对Soundcloud自定义播放器播放列表的顺序进行排序
- Jplayer播放列表未定义
- 在javascript/angular中创建播放列表(按值复制数组,但按引用设置嵌套对象)
- ajax/jQuery Youtube 播放列表推送
- 播放列表在IE和Chrome中无法正确显示
- 提交youtube播放列表id并从id加载播放列表
- 创建一个只有播放和暂停的Javascript音频播放列表
- 获取youtube播放列表的参考
- fityoutube在网站上嵌入播放列表
- BackboneJS如何在悬停时加载spotify播放列表
- 使用MediaSource扩展播放视频播放列表
- 为特定播放列表返回的快照长度不正确
- 需要帮助修复我的javascript"对于循环“;播放音频播放列表
- 从XML中获取播放列表项的新原型
- 使用JSON检索PHP数组,并使用javascript中的数组来填充播放列表
- php/html5播放列表使用glob()
- 自动播放音频播放列表SoundManager2 bar ui