Wordpress 未在iOS 8.2上的Safari中加载HTML5视频

这是我现在的代码：

<div class="home-text-wrapper">

<?php 
global $smof_data;

if($smof_data['rnr_home_type']=="Callout Text") { ?>

<div class="container homevideo" overflow-scroll="true">
    <video id="video" autoplay loop="" preload="none" style="width: 100%; height: auto;" muted controls poster="http://puppod.com/wp-content/uploads/2013/06/PosterImage.png">
        <source src="http://puppod.com/wp-content/uploads/2013/06/PPiOS.mp4" type="video/mp4">
        <source src="http://puppod.com/wp-content/uploads/2013/06/PPAndroid.mp4">
        <source src="http://puppod.com/wp-content/uploads/2013/06/PupPod.webm" type="video/webm">
        <source src="http://puppod.com/wp-content/uploads/2013/06/PupPod.ogg" type="video/ogg">
            Video not found.
    </video>
</div>

<?php }
</div>

这是WordPress安装。当在“主题设置”中选择“标注文本”选项时，PHP将激活“视频”部分

该视频在其他浏览器中都能正常工作，包括最新8.2更新之前iOS上的Safari。目前，在iOS上，Safari会显示我加载的GIF视频，并切断大部分网站

---

有什么想法吗？

尝试在移动设备上的Safari中清除缓存、历史记录等，然后再次检查。如果问题仍然存在，你能发布url让我们看看吗？我在8.2中看到一些奇怪的行为，屏幕没有更新。试着旋转你的iPad，看看它是否工作。另外，我对你所说的关闭网站的意思感到困惑，你认为这是问题的一部分还是糟糕的CSS？。您还可以访问JSfiddle.com，创建一个示例页面，其他人可以查看链接到站点：www.puppod.com关闭站点，即加载动画不会像应该的那样消失，而是显示在页面的顶部5/6。