如何嵌入没有控制条的YouTube chromeless播放器？

Question

我正在创建一个在线实验，涉及参与者观看视频然后回答问卷。我想嵌入一个chromeless的youtube视频，在页面加载时自动播放，没有控件供参与者玩耍，并在视频结束后加载下一页。

现在，autoplay / forward to next page功能是次要的，如果无法使它们正常工作，我也不太担心。然而，我非常感兴趣如何嵌入chromeless播放器。我已经去了谷歌游乐场，但是这段代码已经附加了控件。我对编码不是很有经验，因此不知道如何从代码中删除所有自定义控件以便左侧没有任何控件显示。是否有人能够帮助我？

谢谢，Wil

- ndthl

Answer 1

当您嵌入视频时，您可以使用参数controls=0来移除按钮并使其显示为chromeless。

也就是说，在您的嵌入部分中的代码将包括http://www.youtube.com/embed/NxLBVAq-4dg?rel=0&controls=0。

- Mark

---

将controls=0设为零并不等同于Chromeless播放器。当controls=0时，控件会消失，但视频的顶部仍然有一个标题栏和共享菜单。 - alpera

Answer 2

您可以查看http://code.google.com/apis/youtube/youtube_player_demo.html，它允许您配置播放器，以便您可以在页面上无边框嵌入它。

应该很简单，只需复制并粘贴即可。

- Kinlan

---

感谢您的建议，但不幸的是它不能为chromeless播放器生成嵌入代码！我关注的是上面的Google Code Playground链接。如果有人知道从这段代码中删除什么以摆脱右侧的播放器控件，那我会非常感激！ - ndthl

你是否点击了右上角并选择了chromeless，然后点击更新嵌入代码...这将生成你所需的内容。 - Kinlan

根据谷歌YouTube API演示页面，您不能使用<iframe>或<object>标签嵌入无控件播放器。但是，您可以通过使用标准的IFrame嵌入式播放器并将控件和showinfo参数值设置为0来非常接近实现无控件播放器的行为。 - Jason Kim

Answer 3

很意外地，我没有找到任何Youtube页面提供其chromeless插件的示例代码。但是有许多使用chromeless插件的jquery插件。您可以在这里找到一个不错的教程： http://tutorialzine.com/2010/07/youtube-api-custom-player-jquery-css/

- Matthieu

Answer 4

你可以使用SWF对象来嵌入无边框播放器。你需要在HTML中添加这个js库：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>

然后在您的主要js文件中调用embedSWF方法：

var params = { allowScriptAccess: "always" };
var atts = { id: "myytplayer" };
swfobject.embedSWF("http://www.youtube.com/v/FeJkDewhTEw?enablejsapi=1&playerapiid=ytplayer&version=3&controls=0&showinfo=0",
                   "ytapiplayer", "425", "356", "8", null, null, params, atts);

如果您不想要任何控件或信息，请在URL中设置controls=0和showinfo=0。

参见：https://developers.google.com/youtube/js_api_reference#GettingStarted

- Adrien

Answer 5

JW播放器http://www.longtailvideo.com/players可以在没有YouTube品牌的情况下播放YouTube视频，我想。

- jmoz