YouTube HTML5嵌入代码适用于桌面,但不适用于iOS

时间:2012-05-26 21:43:02

标签: jquery ios html5 youtube mobile-safari

我使用了此页面中的HTML5嵌入代码:http://apiblog.youtube.com/2010/07/new-way-to-embed-youtube-videos.html

<iframe class="youtube-player" type="text/html" width="640" height="385" src="http://www.youtube.com/embed/VIDEO_ID" frameborder="0">
</iframe>

在代码中我使用它:

var str = 'http://www.youtube.com/v/' + videoid + '&rel=0&autoplay=' + autoplay;
var $video = $("<iframe class=\"youtube-player\" type=\"text/html\" width=\"297\" height=\"249\" src=\"" + str + "\" frameborder=\"0\"></iframe>");
$("#"+elemid).html($video);

}

在所有桌面浏览器中,一切都很棒,但不适用于我的iPad。在iPad上没有任何反应,我不知道为什么。 当我直接嵌入代码而不使用jQuery插入时,视频可以在iPad上运行。

修改 http://jsfiddle.net/gGby6/

1 个答案:

答案 0 :(得分:1)

根据教程,

http://www.youtube.com/v/...

应该是

http://www.youtube.com/embed/...

这已在Mobile Safari(iOS 5.1.1)上得到确认。

相关问题