JavaScript – HTML5视频“黑屏”在iPad上

我正在建立一个内置视频的网站.这个网站需要照顾iPad用户,但是我现在在使用ol视频标签时遇到麻烦.我有一个视频在浏览器中播放不错,但不幸的是在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>

这些视频都是在关于HTML5视频的教程之后创建的.它们都使用Miro Video转换器上的首选iPad设置进行编码.

只是这个事情(我不知道会)会在iPad模拟器上测试视频.

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

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