【问题标题】:YouTube HTML5 embed code works on desktop but not on iOSYouTube HTML5 嵌入代码适用于桌面,但不适用于 iOS
【发布时间】:2012-06-01 22:58:30
【问题描述】:

我已使用此页面中的 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/

【问题讨论】:

  • 如果您从$video(两者)中删除$ 会怎样。
  • @EvanMulawski $ 在 js 变量名中是完全可以接受的,并且在 jQuery 中识别包含 jQ 对象的变量是一种很好的做法。
  • @RoryMcCrossan 对 - 我只是想消除它作为 Mobile Safari 的 JS 引擎可能存在的问题。
  • @RegisteredUser 你能发布一个带有示例视频 ID 等的 jsfiddle 吗?
  • iFrames 适用于 YouTube,但它适用于来自任何其他网络托管服务商的视频吗?

标签: jquery ios html youtube mobile-safari


【解决方案1】:

按照教程,

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

应该是

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

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

【讨论】:

    猜你喜欢
    • 2016-02-19
    • 1970-01-01
    • 2020-06-14
    • 2014-04-01
    • 2016-07-23
    • 2015-10-01
    • 2020-03-06
    • 2014-01-15
    • 1970-01-01
    相关资源
    最近更新 更多