如何在不添加控件的情况下嵌入youtube chromeless播放器?

时间:2010-04-13 04:27:12

标签: youtube google-chrome embed

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

现在自动播放/转发到下一页的功能是次要的,如果我不能让它们正常工作我就不会太担心了。但是我对如何嵌入无边框播放器非常感兴趣。我已经转到google playground,但此代码已经附加了控件。我在编码方面不是很有经验,所以我不知道从代码中删除什么,左边没有任何自定义控件要显示。有人能帮助我吗?

谢谢,Wil

5 个答案:

答案 0 :(得分:7)

当您嵌入视频时,您可以使用参数controls = 0,这将删除按钮并使其显示为无边框。

即嵌入部分中的代码包含http://www.youtube.com/embed/NxLBVAq-4dg?rel=0&controls=0

答案 1 :(得分:6)

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

应该是一个简单的复制和粘贴。

答案 2 :(得分:2)

是的,令人惊讶的是,我没有找到任何Youtube页面,其中包含无铬插件的示例代码。 但是有很多jquery插件使用chromeless插件。你会在这里找到一个很好的教程: http://tutorialzine.com/2010/07/youtube-api-custom-player-jquery-css/

答案 3 :(得分:1)

您可以使用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);

如果您不想要任何控件或信息,只需在网址中设置controls = 0和showinfo = 0

请参阅:https://developers.google.com/youtube/js_api_reference#GettingStarted

答案 4 :(得分:-1)

JW播放器http://www.longtailvideo.com/players会在没有youtube品牌的情况下播放youtube视频。