具备移动浏览器支持的Youtube无控制条播放器

Question

基本上，我想在桌面浏览器上显示一个无边框的视频，并提供适用于移动浏览器的备用方案。iPad上的默认视频很好。但是，通过在桌面浏览器上显示无边框YouTube播放器，您会在iOS上获得蓝色砖块。http://www.theipadguide.com/images/content/announce-noflash.jpg。

最终，我可以检测Flash是否受支持，并插入iPad和iPhone的常规YouTube嵌入代码（假设它将用其自定义YouTube播放器替换嵌入代码），但这感觉不对。

如何成功检测浏览器是否正在使用其自己的播放器替换YouTube嵌入代码？

您可以在此网页上查看播放器的操作：http://technobolt.com/wp-content/uploads/2010/12/youtube-embed-wp7.jpg 通常，iPhone会显示蓝色拼图：http://www.theipadguide.com/images/content/announce-noflash.jpg。

这是有关桌面端无边框YouTube播放器的信息。

• http://badsyntax.github.com/jquery-youtube-player/
• http://www.viget.com/inspire/youtube-chromeless-video-jquery-plugin/

- Lime

Answer 1

或许可以将常规的YouTube嵌入代码作为alt html包含，例如：

<object ...> <!-- chromeless embed ->
    <!-- regular embed here ->
</object>

- Andrea

---

所以您的建议是，如果视频成功启动，则基本上会隐藏移动回退视频。 - Lime

我建议的是将常规的Youtube嵌入放置在无界面嵌入的对象或嵌入标签内，这样如果无界面嵌入失败，常规的Youtube嵌入将起作用。所以，基本上就是你说的。 - Andrea

Answer 2

我想你是在寻找这个：http://code.google.com/apis/youtube/getting_started.html#chromeless_player

- ming_codes

---

问题在于无框 YouTube 播放器在移动设备上无法正常工作。我不明白你想要什么来解决这个问题。这只是第一次设置无框播放器的文档。 - Lime

有一个HTML5版本的Youtube：http://www.youtube.com/html5。你可以查看他们的HTML5源代码，并尝试从中剥离出Chrome。 - ming_codes

Youtube正在动态生成mp4视频的URL。即使您可以创建跨浏览器的无边框体验，您也无法链接到播放器中创建的mp4视频。 - Lime