嵌入一个YouTube播放列表,使播放列表选项始终可见。

5
有没有办法使用YouTube嵌入式播放器与播放列表一起使用,并使播放列表始终可见?或者,有没有办法默认启用播放列表按钮?我目前的研究表明,showinfo=1选项用于使播放列表始终可见,但似乎不再起作用。
4个回答

1
这是一个很棒的JS插件,可以与YouTube API v.3一起使用https://github.com/Giorgio003/Youtube-TV。它模仿了本地YouTube播放列表的外观和功能。您必须从您的YouTube频道获取API密钥并在ytv.js中设置它。
var apiKey = 'YOUR_API_KEY_HERE';

连接CSS和JS。
<link href="src/ytv.css" type="text/css" rel="stylesheet" />
<script src="src/ytv.js" type="text/javascript"></script>

创建您的播放列表容器。[注意:容器必须具有高度。]
<div id="YourPlayerID"></div>

然后调用JS。
document.addEventListener("DOMContentLoaded", function(event) {
    var controller = new YTV('YourPlayerID', {
       user: 'YoutubeUsername'
    });
});

感谢 @mhatch 分叉原始代码并添加了对Youtube API v3的支持。 https://github.com/m-hatch/Youtube-TV - Lord_Dracon
在AngularJS中,由于"https://www.googleapis.com/oauth2/v2/tokeninfo?access token=undefined",路由会回到登录界面。 - Schwertfisch

1
showinfo只在Flash播放器中有效,不影响HTML5播放器。在嵌入播放列表的HTML5 YouTube播放器中,您必须手动单击右下角微小的播放列表图标,该图标仅在开始/播放视频后才会出现。
因此,目前我在html5player下发布了文本信息,告诉用户要在开始播放视频后单击此图标才能查看播放列表控件和图标,这绝对不是用户友好的。
请Google默认包含并激活HTML5Player中的播放列表控件和播放列表缩略图。
顺便说一句:https://developers.google.com/youtube/player_parameters#showinfo上的官方信息已过时,因为“请注意,此功能仅受AS3播放器支持,因为它是唯一可以加载播放列表的播放器。”

0

Andrej,是正确的,在Chrome或Firefox上,使用html5播放器嵌入时,showinfo=1不会导致播放列表缩略图最初出现。用户在遇到这样的嵌入式播放列表时,很可能错误地认为它只是一个单独的视频,并完全忽视了有多个视频可供选择。唯一让播放列表缩略图出现的方法是点击屏幕左上角的播放列表图标。根据我网站上的用户界面测试,人们完全没有意识到有多个视频可供选择http://www.jenshansen.com/pages/lord-of-the-rings-rings


0

showinfo=1应该导致播放列表中所有视频的缩略图最初都可见,如下所述:

http://apiblog.youtube.com/2012/03/new-player-options-for-lists-of-videos.html

如果您看到不同的行为,请指出一个示例,并告诉我们使用的浏览器以及是否使用Flash或HTML5视频。
无法强制播放列表缩略图条始终存在,因为用户始终可以选择关闭它。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接