HTML – Video.js – 自动播放和循环无法在手机上工作

前端之家收集整理的这篇文章主要介绍了HTML – Video.js – 自动播放和循环无法在手机上工作前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我使用此代码制作视频(例如横幅,因此没有控件)自动播放和永久循环.
<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>

它在我的计算机上工作正常但在我的手机上(带有Chrome的Android OS 4.2.2)它不是自动播放或预加载而是在完成后不循环.

我在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’.

我将preload设置为true但它仍然没有自动播放或循环.

这是我的浏览器的一个功能,我该如何避免?

我试过其他浏览器:

> UC浏览器似乎根本不支持HTML5?
> Stock浏览器显示一个小视频图标,但也不显示播放器
>↑与Maxthon相同↑

解决方法

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

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

希望这很有帮助.

猜你在找的HTML相关文章