小编Mar*_*ris的帖子

视频标签无法在iPhone Safari或Chrome和某些iPad上使用

我对某些视频无法在iPhone 6浏览器(Safari和Chrome)和某些ipad上无法播放的问题深信不疑。它在桌面浏览器,Android Chrome甚至是Safari中的iPad mini上都可以很好地工作。我已经研究了一段时间,包括Stack Overflow,但是我尝试的所有操作仍然无法在iPhone上播放视频(仅显示初始帧图像)。这是我在视频测试页面上进行修改的代码,下面是我的代码,以及根据研究尝试修复的内容:

<section id="video-wrap">   
    <video class="video <?php the_field('header_video_class'); ?>" autoplay muted loop>
      <source src="/video/<?php the_field('header_video'); ?>.mp4" type="video/mp4">
      <source src="/video/<?php the_field('header_video'); ?>.ogg" type="video/ogg">
      <source src="/video/<?php the_field('header_video'); ?>.webm" type="video/webm">
    </video><!-- /video -->
    <div id="video-wrapper">
        <div class="video-caption">
            <?php the_title(); ?>
        </div><!-- /content -->
    </div>
</section>
Run Code Online (Sandbox Code Playgroud)
  • 我试过重新添加controllers参数,没有运气
  • 我尝试将视频源添加到视频标签中,并删除其他源标签,但是不走运
  • 我还压缩了视频中的内容。该测试示例当前为640××360,H.264,AAC。仍然没有运气。
  • 我尝试过删除视频字幕叠加,以防发生冲突。没运气。

我缺少什么?在此先感谢您的帮助!

iphone video html5 ipad ios

4
推荐指数
1
解决办法
3621
查看次数

标签 统计

html5 ×1

ios ×1

ipad ×1

iphone ×1

video ×1