我的VideoJS和HTML5项目针对更新的Web浏览器(较新版本的FireFox和Chrome)以及移动浏览器(Android2.3 +和IOS4 +)。VideoJS + HTML5自动播放失败,适用于Android 2.3+和IOS 4+

我希望所有视频在“准备就绪”之后自动播放。我尝试了几种方法(在下面的方法中提到过),但注意到自动播放只在FireFox和Chrome中起作用 - 这意味着移动浏览器只是坐下来旋转。

我还没有得到尽可能在他们的本地模拟器调试移动浏览器,因为我想看看如果有人在这里有以前的建议,如何解决这个问题。

由于

方法1

的autoplay="true"属性添加到标签:

autoplay="true" preload="auto" width="425" height="225" poster="/img/Logo.png"

data-setup="{}">

{% if is_help_video %}

{% else %}

{% endif %}

方法2

从标签删除autoplay="true"属性,并尝试通过在“准备”回调VideoJS API:

_V_('my_videoplayer').ready(function(){

MIMIC.video_player = this;

this.addEvent("ended", function(){

{% if not is_help_video %}

show_transition(true);

{% endif %}

});

/*

**

** try autoplay

**

*/

this.play();

});

+0

这很奇怪,因为我一直在使用jPlayer进行自动播放(虽然还有很多其他问题),它也适用于Android。因此,必须有一种方法来使其工作... –

+0

属性'autoplay =“true”'应该是'自动播放',当属性出现时,它被设置为'true',只有当某事物不同于'true' –

video.js android,VideoJS + HTML5自动播放失败,适用于Android 2.3+和IOS 4+相关推荐

  1. 集RTMP, HLS, FLV, WebSocket 于一身的网页直播/点播播放器EasyPlayer.js引用videojs无法自动播放问题解决

    EasyPlayer几乎涵盖了开发者所需的全部平台,尤其是在web端的EasyPlayer.js时遇到的播放器接入的问题,比如:不懂前端的js代码.没有公网服务器放置这些js脚本和网页.微信对接入IP ...

  2. html5 video微信浏览器视频不能自动播放

    2019独角兽企业重金招聘Python工程师标准>>> html5 video微信浏览器视频不能自动播放 一.微信浏览器(x5内核): 1.不能自动播放 2.全屏 3.最顶层(z层的 ...

  3. html5中自动播放,HTML5自动播放一次(HTML5 autoplay once)

    HTML5自动播放一次(HTML5 autoplay once) 以下javascript函数提供并自动播放音频文件(通过HTML 5音频标签),在6秒时切换mp3播放并从头开始循环+自动播放音频. ...

  4. html背景mov,科技常识:html5自动播放mov格式视频的实例代码

    今天小编跟大家讲解下有关html5自动播放mov格式视频的实例代码 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关html5自动播放mov格式视频的实例代码 的相关资料,希望小伙伴们看了有 ...

  5. html怎样自动播放视频,html5自动播放mov格式视频的实例代码

    这个不算啥新奇吧?但还是记录一下. 这个问题应该这么看. 1.首先网站要支持.MOV格式文件 就是说,网站要能识别.MOV格式文件. 如何识别?设置MIME类型.以IIS为例.除了可以在IIS界面上直 ...

  6. Vue——video标签实现不静音自动播放

    由于浏览器厂商为了提高用户体验禁止video标签可以有声的自动播放,也就是说如果想让video标签能够自动播放必须给video标签添加muted属性. 但是在开发的过程中我们需要用视频自动有声播放,比 ...

  7. vue中使用video标签插入视频并自动播放

    一.效果:  使用video标签的好处是,视频周围没有黑边,观看效果好看 二.html: <div v-for="(item,i) in vedioList" :key=&q ...

  8. EasyNVR H5无插件摄像机直播解决方案前端解析之:引用videojs无法自动播放

    EasyNVR H5无插件摄像机直播解决方案前端解析之:引用videojs无法自动播放 参考文章: (1)EasyNVR H5无插件摄像机直播解决方案前端解析之:引用videojs无法自动播放 (2) ...

  9. android开关机音乐6,android实现开机自动播放音乐实例(Broadcast、Service)

    android实现开机自动播放音乐实例(Broadcast.Service) 1.首先开机启动后系统会发出一个Standard Broadcast Action,名字叫android.intent.a ...

最新文章

  1. Android控件美化Shape
  2. 学习 jQuery 源码整体架构,打造属于自己的 js 类库
  3. [for循环之等腰三角形]
  4. feign 序列化_Spring Boot和Feign中使用Java 8时间日期API(LocalDate等)的序列化问题...
  5. java中this_JAVA中this用法小结
  6. java动态数组的实现的_Java实现数据结构之【动态数组】
  7. rect函数_Python基础入门(9):从函数到高级魔法方法--阿里云天池
  8. 如何使用Affinity Designer for mac编辑矢量曲线和形状
  9. 想知道CSDN积分怎么获取谢谢啦 需要下载文件
  10. AUTOCAD——样条曲线命令
  11. python无头浏览器兼容问题_docker+python无头浏览器爬虫
  12. js 封装websocket (包括心跳检测,断线重连等)
  13. 标准c++库、stl库,boost库,qt库
  14. RGB颜色对照表(数值+英文,Markdown可用)
  15. 架构师之殇:一个反对“平台团队”的案例
  16. 二、H5全景图-朋友圈全景图-720°全景-VR ---- 项目简单分析
  17. 【步态识别】LagrangeGait基于拉格朗日《Lagrange Motion Analysis and View Embeddings for Improved Gait Recognition》
  18. VMware安装Ubuntu Kylin系统
  19. 论浏览器冲突引起的桌面和任务栏图标一直闪的解决办法
  20. 两寸照片电子版怎么弄?教你一分钟搞定

热门文章

  1. Apache Camel –从头开始开发应用程序(第2部分/第2部分)
  2. 使用Java使用Amazon Simple Queue Service
  3. 记录合规性–关于TCK,规格和测试
  4. Spring Framework 3.2 M1发布
  5. oracle数值型转为char类型,PLSQL: Oracle函数to_char转化数字型指定小数点位数的技巧...
  6. 声明定义存储过程或者函数时,其中的 delimiter 关键字是干嘛的呢?
  7. 网关限流(令牌桶算法)
  8. python如何读取文件内容求和_使用python对文件中的数值进行累加的实例
  9. linux 远程备份mysql数据库_使用脚本自动化远程备份MySQL数据库
  10. 小米摄像头有onvif协议_监控摄像头完好但图像不行,肯定逃不过这10个问题