嵌入 YouTube 播放列表，以便播放列表选项始终可见。答案

【问题标题】：Embed a YouTube playlist so playlist options are always visible.嵌入 YouTube 播放列表，以便播放列表选项始终可见。
【发布时间】：2012-10-26 03:05:59
【问题描述】：

有没有办法使用带有播放列表的 YouTube 嵌入式播放器并让播放列表始终可见？或者，有没有办法默认打开播放列表按钮？到目前为止，我的研究表明 showinfo=1 选项用于使播放列表始终可见，但这似乎不再起作用。

【问题讨论】：

标签： web-applications youtube youtube-api

【解决方案1】：

showinfo 仅适用于 Flash 播放器。它不影响 html5 播放器。在嵌入 Plalist 的 html5 youtube 播放器中，您必须手动单击右下角的微小播放列表图标，该图标仅在开始/播放视频后出现。

所以 atm 我在 html5player 下方发布了一条文本信息，告诉用户在开始播放视频后单击此图标，以查看播放列表控件和图标。这绝对不是用户友好的。

请谷歌，默认情况下在 HTML5Player 中包含并激活播放列表控件和播放列表缩略图。

顺便说一句：https://developers.google.com/youtube/player_parameters#showinfo 的官方信息已过时，原因是“请注意，此功能仅支持 AS3 播放器，因为它是唯一可以加载播放列表的播放器。”

【讨论】：

【解决方案2】：

这是一个不错的 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 fork 原始代码并添加了对 Youtube API v3 的支持。 github.com/m-hatch/Youtube-TV
在 angularjs 路由中因为googleapis.com/oauth2/v2/tokeninfo?accesstoken=undefined"而重新登录

【解决方案3】：

showinfo=1 应该会导致播放列表中所有视频的缩略图最初可见，如

所述

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

如果您看到不同的行为，能否请您给我们举个例子，让我们知道您使用哪个浏览器看到这种情况，以及您使用的是 Flash 还是 HTML5 视频？

没有办法强制播放列表缩略图条始终存在，因为用户可以随时将其关闭。

【讨论】：

【解决方案4】：

Andrej，是正确的，在 html5 播放器嵌入下，在 Chrome 或 Firefox 上，showinfo=1 不会导致播放列表缩略图最初出现。用户很可能在遇到这样一个嵌入的播放列表时，错误地认为它只是一个视频，而完全错过了有视频选择的想法。显示播放列表缩略图的唯一方法是单击屏幕左上角的播放列表图标。我从我网站上的 UI 测试中得知，人们完全没有看到视频不止一个 http://www.jenshansen.com/pages/lord-of-the-rings-rings

【讨论】：