我的 HTML5 视频在 ipad 中不起作用答案

【问题标题】：My HTML5 Video not working in ipad我的 HTML5 视频在 ipad 中不起作用
【发布时间】：2011-02-17 19:54:14
【问题描述】：

我正在尝试使用以下代码将 jquery 创建的视频标签加载到我的页面中：

var vidDiv = vpJQuery("#videoHolder");
var vidControl = vpJQuery("<video></video>");
vidControl.attr("width", "512");
vidControl.attr("height","288");
vidControl.attr("controls","controls");
vidControl.attr("id","vidControl");
var vidSource = vpJQuery("<source />");
vidSource.attr("src", vidUrl);
vidSource.attr("type", "video/mp4");
vidControl.append(vidSource);
vidDiv.empty();
vidDiv.append(vidControl);
vpJQuery("#vidControl > source").attr("src", vidUrl);
var vidPlayer = vpJQuery("#vidControl").get(0);
vidPlayer.load();
vidPlayer.play();

vidUrl 是我由亚马逊托管的 mp4 路径。这在我的桌面网络套件和 iphone sim 中运行良好，但在 ipad sim 中不行！我在 ipad 上得到了带有线条的播放图标，有什么想法吗？

【问题讨论】：

我会在不通过 jQuery 创建它的情况下对其进行测试，并且首先将其作为普通元素。这样您就可以找出问题所在。

标签： jquery html5-video

【解决方案1】：

确保您提供的文件格式受 iPad 支持。这是一个很好的指南：http://www.robwalshonline.com/posts/tutorial-serving-html5-video-cross-browser-including-ipad/

【讨论】：

视频可以在 iphone 上播放，也可以在 flash 播放器中播放？

【解决方案2】：

@Kon 的回答是正确的，但他的链接不再有效。浏览器矩阵见wikipedia。

【讨论】：