首页 文章

iPhone上的HTML5视频自动播放

提问于
浏览 次
22

我有一些奇怪的问题 . 我尝试创建一个带有循环背景视频的网站 . 代码看起来像这样：

<video src="video/bg.mp4" style="z-index: -1;object-fit: cover;" poster="video/bg.jpg" autobuffer autoplay loop muted></video>

这在大多数浏览器上运行得非常好（IE很难用这个对象适合的东西，但我不会自动播放，但在iPad上它确实如此 . 我已经阅读了New Policies for iOS并且我认为我符合要求（否则iPad不会自动播放） . 我做了一些其他测试：

  • 删除重叠的div不会修复它

  • 删除z-index不会修复它

  • Wifi或Cellular没有什么区别

  • 视频文件大小也没有区别

我做错了还是iPhone根本不会自动播放视频而且总是需要互动？我只关心iOS 10，我知道iOS 9的要求不同

ios html5 video webkit autoplay

2 回答

  • 10

    playsinline 属性有帮助吗？

    这就是我所拥有的：

    <video autoplay loop muted playsinline class="video-background ">
            <source src="videos/intro-video3.mp4" type="video/mp4">
        </video>

    请参阅 playsinline 上的评论：https://webkit.org/blog/6784/new-video-policies-for-ios/

    回复于
  • 54

    iOs 10允许视频自动播放内联 . 但你必须在iPhone上关闭“低功耗模式” .

    回复于

相关问题