youTube iFrame嵌入代码是否适用于移动设备? (iPhone,Android)

时间:2011-09-01 22:00:03

标签: iphone android video mobile youtube

我使用来自youTube的HTML5 iFrame嵌入代码制作了一个示例页面。在我的iPhone上浏览时,我得到一个播放按钮但是如果我按下它,视频就不会播放。当我用HTML5视频标签嵌入视频时,一切都很好。

有人知道youTube是否正式支持嵌入代码的移动设备?我需要额外的参数吗?我尝试了以下代码:

<iframe width="420" height="345" src="http://www.youtube.com/embed/OZOX5sad2FE" frameborder="0" allowfullscreen></iframe>

2 个答案:

答案 0 :(得分:4)

iPhone上的Mobile Safari确实支持iFrame。这里有一个例子:http://apiblog.youtube.com/2010/07/new-way-to-embed-youtube-videos.html

您是否尝试过包含类和类型? class =“youtube-player”type =“text / html”

答案 1 :(得分:3)

我遇到了同样的问题,花了很多时间。

问题是,当您在网页中使用iframe代码并在iPhone Safari上打开该页面时。然后点击视频,跨域调用从youtube获取视频并在HTML5播放器中显示失败。

解决方案如picciano解释:

“你试过把课程和类型包括在内吗?”

class="youtube-player" type="text/html"