Question

这是我现在的代码：

<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，并切断网站的大部分内容。

有什么想法吗？

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

0 个答案: