jquery - YouTube HTML5 嵌入代码适用于桌面设备,但不适用于 iOS

标签 jquery ios html 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/

最佳答案

按照教程,

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

应该是

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

这已确认可在 Mobile Safari (iOS 5.1.1) 上运行。

关于jquery - YouTube HTML5 嵌入代码适用于桌面设备,但不适用于 iOS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10770020/

相关文章:

html - 将帖子内容分为两栏,一栏固定

javascript - IE9 和 jQuery : Sorting list items works in modern browsers and IE7, 但不是 IE9。

jQuery 鼠标悬停时淡入/淡出?

javascript - 基于ajax请求jquery检查span

ios - 错误消息中的格式字符串未使用数据参数

ios - 带有自定义单元格的 UITableView 中的数千个 UITableViewCellSeperatorView

iOS,人脸检测,检测远离人脸的位置

javascript - 缩放 MapBox GL map 以适合标记集

javascript - Ace Editor - 如何找到一个或所有实例?

jquery - 有什么理由使用 $.live 而不是 $.delegate 吗?