Javascript HTML5视频“；“黑屏”；在iPad上

我正在建立一个网站，其中嵌入视频。这个网站也需要迎合iPad用户的需求，但目前我对ol'

video

标签有问题。不幸的是，我有一段视频在浏览器中播放效果很好，但在iPad上却没有

我只是在iPad上看到了一个黑屏，而且没有错误信息

以下是我的视频代码：

<video id="movie" width="790" height="250" controls >
    <source src="anim/intro.ipad.mp4"  type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
    <source src="anim/intro.webm" type='video/webm; codecs="vp8, vorbis"'>
    <source src="anim/intro.theora.ogv"  type='video/ogg; codecs="theora, vorbis"'>
</video>
<script>
    var v = document.getElementById("movie");
    v.onclick = function() {
        if (v.paused) {
            v.play();
        } else {
            v.pause();
        }
    };
</script>

var v=document.getElementById（“电影”）；
v、 onclick=function（）{
如果（v.暂停）{
v、 play（）；
}否则{
v、 暂停（）；
}
};

这些视频都是根据HTML5视频教程制作的。它们都是在Miro视频转换器上使用iPad的首选设置编码的

为了以防万一（我不确定是否会），我正在iPad模拟器上测试视频

无论我做什么，我都无法播放视频：

---

您确定编码正确吗？
请尝试以下方法进行测试：

<video src="anim/intro.ipad.mp4" controls>  
      Your browser does not support the video element.  
</video>  

您的浏览器不支持视频元素。

您的.htaccess文件是否正确提供了特定的视频文件

确保服务器使用正确的mime类型。如果mime类型错误，Firefox将不会播放Ogg视频。将这些行放在.htaccess文件中，以便向浏览器发送正确的mime类型

参考：

---

另外，您是否通过使用定位来修改视频元素？我发现这也会产生黑色的视频屏幕。

我认为从javascript控制html5音频和视频在mobile safari中不起作用。如果您将MediaPlaybackRequiresAction设置为否，它可以在UIWebView中工作。它是一个需要与iPad兼容的网站，而不是使用UIWebView@at0mzk例如他们工作得很好。我让它在我的电脑上工作我这样做了，视频再次显示为黑屏，它没有显示“你的浏览器不支持视频元素”的消息。那么，这是一个编码问题。如果你的编码是正确的，这段代码真的很有效。为了澄清一个老问题，对我来说有效的解决方案是直接从Quicktime 7对视频进行编码，它允许你导出到手机上。这会自动为iPad等设备上的显示预设正确的设置。这个问题帮助我认识到编码确实是我的问题。虽然已经解决了：你应该遵守苹果的手册。最常见的错误是没有使用基线配置文件来编码videoHi@Federico，是的，我在中添加了这个。正如@gnur建议的那样，这是一个编码错误，我使用quicktime将它正确地导出到iPhone而不是Miro，这很好

AddType video/ogg  .ogv
AddType video/mp4  .mp4
AddType video/webm .webm