youtube 嵌入上的播放按钮在 android-chrome 上不起作用答案

【问题标题】：The Play button on a youtube embed does not work on android-chromeyoutube 嵌入上的播放按钮在 android-chrome 上不起作用
【发布时间】：2014-11-25 22:09:06
【问题描述】：

我一直在处理页面上的嵌入式 youtube 视频。在桌面浏览器上运行良好。但是，在 android-chrome 上，当您触摸中心的红色播放按钮时，嵌入的视频将不会播放。当您在播放按钮外触摸时，它确实可以正常播放，这很奇怪。

我的客户也在 ipad 的浏览器上报告了同样的事情。

很奇怪，因为即使在 google 的这个演示中，红色的播放按钮也不起作用：https://developers.google.com/youtube/youtube_player_demo

我在我的 android 手机（HTC 手机）和桌面 google chrome 的移动仿真功能上对其进行了测试。

有谁知道解决这个问题的方法吗？谢谢。

【问题讨论】：

标签： android google-chrome youtube

【解决方案1】：

如果你想启用控件，还有另一种解决方案，你应该使用 ps=docs 像这样：

<iframe class="youtube-player" type="text/html" width="100%" height="338" src="http://www.youtube.com/embed/VIDEO-ID?ps=docs&controls=1" frameborder="0" allowfullscreen></iframe>

我已经测试过了......它有效！

我希望这会有所帮助。

【讨论】：

这似乎使播放按钮起作用，谢谢。不幸的是，当我这样做（使用 youtube iframe api）时，我的视频变得比它应该播放的内容区域小。有任何想法吗？当手机进入睡眠状态并且我再次打开应用程序时，视频应该是 100%。嗯..
是否有任何关于 ps=docs 的文档？你在哪里找到的？我还没有找到任何东西......

【解决方案2】：

我同意你的看法.. 我认为我最近遇到的 youtube 移动播放器有问题.. 但是有一个临时解决方案，您必须像这样隐藏播放器控件：

<iframe class="youtube-player" type="text/html"  width="100%" height="338" src="http://www.youtube.com/embed/VIDEO-ID?autoplay=0&showinfo=0&controls=0" frameborder="0" allowfullscreen></iframe>

在这种情况下，我们将controls=0

我希望这会有所帮助。

【讨论】：

谢谢。不幸的是，我们需要这些控件，但其他人现在可能会发现此修复有用。