【问题标题】:Autoplay background video on android and iOS在 Android 和 iOS 上自动播放背景视频
【发布时间】:2018-06-20 04:04:12
【问题描述】:

这篇文章 - https://blog.synq.fm/html5-video-looping-autoplay-on-ios-and-android - 说将 "autoplay muted loop playsinline" 添加到视频中就足以让它在移动设备上正确自动播放,但它不起作用。一个例子——http://michaelmedvedskiy.website/

哪个有代码

<video autoplay loop muted playsinline id="myVideo" >

是否有一种一致的方法可以使静音自动播放在所有设备中都能正常工作?

【问题讨论】:

  • 您是否启用了“低功耗模式”?在这种情况下,请尝试禁用它。
  • 刚刚试了,没用。
  • 它适用于您的情况吗? (在您的移动设备上)
  • 您提供的链接似乎没有静音和播放内联属性 - 这是我刚才检查时的样子:
  • 这已得到纠正,因为我试图通过编写一个 js 脚本来在加载时播放视频来欺骗自己的方式,但这也不起作用。带有这些标签的那个不是让我的 android chrome 自动运行 vid 的方法

标签: html css video autoplay


【解决方案1】:

我尝试了以下行:

&lt;video autoplay loop muted playsinline id="myVideo" &gt;

这对我也不起作用。

然后我做了下面的事情,它奏效了,我不知道为什么这会有所作为,但确实如此。

<video  width="100%" allowfullscreen="true" muted="muted" autoplay="autoplay" playsinline="playsinline" loop="loop">
  <source src="myVideo.mp4" type="video/mp4" />
</video>

【讨论】:

  • 我找了两个多小时的解决方案,你的回答解决了我的问题。谢谢!你救了我的命!
【解决方案2】:

我做了下面的事情,它奏效了,我不知道为什么这会有所作为,但确实如此。

muted="muted" autoplay="autoplay" playsinline="playsinline" loop="loop"

【讨论】:

    猜你喜欢
    • 2019-06-26
    • 1970-01-01
    • 1970-01-01
    • 2021-10-08
    • 2017-11-20
    • 1970-01-01
    • 2018-11-01
    • 1970-01-01
    • 2022-01-19
    相关资源
    最近更新 更多