html - Video.js - 自动播放和循环无法在手机上运行

Question

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

<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 和 Chrome)上它不能自动播放或预加载，并且在完成后不循环播放。

我在 Video.js 页面上看到了这个:

Auto: Start loading the video immediately (if the browser agrees). Some mobile devices like iPhones and iPads will not preload the video in order to protect their users' bandwidth. This is why the value is called 'auto' and not something more final like 'true'.

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

这是我的浏览器的一项功能吗？我该如何避免？

我在其他浏览器上试过:

• UC 浏览器似乎根本不支持 HTML5？
• Stock 浏览器显示一个小视频图标，但不显示播放器
• ↑ 同傲游↑

Answer 1

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

换句话说，这是行不通的:

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

这也不会:

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

而是等待视频对象加载然后触发播放操作:

videojs('my-video-id').ready(function() {
    this.play();
});