11

我使用此代码制作视频（例如横幅，因此没有控件）自动播放并永远循环播放。

<video id="video1" class="video-js vjs-default-skin"
      controls width="900" height="500"
      poster="myposter.jpg"
      data-setup='{
        "controls": false,
        "loop": "true",
        "autoplay": true, 
        "preload": "true"}'>
         <source src="thisismyvideoyay.webm" type='video/webm' />
    </video>

它在我的电脑上运行良好，但在我的手机（Android OS 4.2.2 with Chrome）上它不会自动播放或预加载，也不会在完成后循环播放。

我在 Video.js 页面上读到了这个：

自动：立即开始加载视频（如果浏览器同意）。一些移动设备（如 iPhone 和 iPad）不会预加载视频以保护其用户的带宽。这就是为什么该值被称为“自动”而不是像“真”这样更最终的东西。

我将预加载设置为 true，但它仍然不会自动播放或循环播放。

这是我的浏览器的一个功能，我该如何避免呢？

我在其他浏览器上试过：

  • UC 浏览器似乎根本不支持 HTML5？
  • 股票浏览器显示一个小视频图标，但也不显示播放器
  • ↑ 和傲游一样 ↑</li>
4

5 回答 5

15

要解决 iOS 上的自动播放问题，请不要使用 videojs选项自动播放视频。

换句话说，这不起作用：

<video id="my-video-id" autoplay></video>

这也不会：

videojs('my-video-id', {
    "autoplay": true
});

而是等待视频对象加载，然后触发播放动作：

videojs('my-video-id').ready(function() {
    this.play();
});
于 2015-07-07T05:01:42.677 回答
6

在手机上，您无法让它循环或预加载数据。但我确实有一个可以自动播放的解决方案。你可以在这里使用我的代码 = http://www.andy-howard.com/recreate-bbc-iplayer/index.html

并且只需在准备好的文档上添加一个附加点击功能。然后，这将使手机上的浏览器单击图像，然后将数据标签转换为视频标签，然后转换为 videojs 播放器，然后播放:)

希望这会有所帮助。

于 2013-07-09T15:42:30.190 回答
3

在移动设备上，您可以muted选择自动播放

<video autoplay muted>
  <source src="video.webm" type="video/webm" />
  <source src="video.mp4" type="video/mp4" />
</video>

Chrome v53：https ://developers.google.com/web/updates/2016/07/autoplay

iOS 10：https ://webkit.org/blog/6784/new-video-policies-for-ios

于 2018-02-11T20:09:09.193 回答
0

这对我有用 在视频标签上使用它

数据设置='{“控制”：假，“自动播放”：真，“预加载”：“自动”，“循环”：真}'

于 2020-11-21T14:44:01.797 回答
-1 
player.ready(function() {
  setTimeout(function() {
     player.play();
  }, 1000);
});
于 2021-06-25T02:12:22.823 回答