javascript - iPad 上的 HTML5 视频 "Black Screen"

Question

我正在构建一个网站，其中嵌入了视频。该网站也需要满足 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>

这些视频都是根据有关 HTML5 视频的教程创建的。它们都是使用 Miro Video converter 上首选的 iPad 设置进行编码的。

以防万一(我不确定)我正在 iPad 模拟器上测试视频。

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

Answer 1

你确定编码正确吗？
试试这个来测试它:

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