我正在构建一个嵌入视频的网站。这个网站也需要适用于iPad用户,但是我目前在使用老旧的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转换器上首选的iPad设置进行编码。
仅在意的话(我不确定是否有影响),我正在iPad模拟器上测试视频。
无论我做什么,视频都无法播放: