为什么iPad不能内嵌HTML5视频,尽管当我转到文件地址时视频是可见的?

时间:2013-06-06 14:50:51

标签: ios html5 video

我试图让iPad5视频在iPad上播放时感到很沮丧。起初,我认为这是一个编解码器问题,但即使遵循了我可以在互联网上找到的所有建议来修复它,它仍然没有播放。但是,我意识到这不是编解码器的问题,如下所示:视频不会在主页面内呈现,但如果我转到存储媒体文件的链接,它确实会显示。这是有问题的代码:

<video autoplay loop controls id="hipplay-video" class="video-top">
    <source src="wp-content/uploads/2013/05/Hipplayapple.mp4" type="video/mp4" />
    <source src="wp-content/uploads/2013/05/Hipplaywebm.webm" type="video/webm" />
    <source src="wp-content/uploads/2013/05/Hipplayogg.ogg" type="video/ogg" />
    Your browser does not support the HTML5 video tag.
</video>

如果您有iPad并转到http://www.hipplay.com - 顶部的视频无法播放。但是,如果您访问http://www.hipplay.com/wp-content/uploads/2013/05/Hipplayapple.mp4,视频播放就可以了。

任何想法我做错了什么或我如何解决它?

1 个答案:

答案 0 :(得分:0)

事实证明,iOS在您使用JavaScript插入自己的控件时并不喜欢,并且在您自动播放视频时不喜欢它。当我关闭这些功能时(使用海报代替),一切都按预期工作。