看了douyutv.com、yy.com、 now直播、laifeng.com等,他们的video都可以自动播放,即使第一次进入不能,刷新下浏览器也就可以自动播放了,这是怎么做到的?

我这边用谷歌提供的方法测试是否支持自动播放,总是不支持(当然当你和视频交互20多次的时候,就提升了MEI的系数,就可以自动播放了)。但是很奇怪的是,在不支持的情况下,如果延迟一些时间主动play()就又可以自动播放了。但这种情况并不是万能的,目前我自己写的demo在本地检测到不支持自动播放后主动play()一下就可以播放,但是一放到直播间系统里,就失效了,怎么也播放不了。

var promise = document.getElementById(playerId).play();

promise !== undefined && promise.then(function() {

debug('[VIDEO INFO] 支持自动播放')

}).catch(function(error) {

debug('[VIDEO INFO] 自动播放失败')

})

求问,斗鱼yynow直播他们都是用的什么自动播放的方案呢?有哪些可以绕过谷歌自动播放限制的方案呢?

已知方案:

利用mute设置静音。但不在静音的场景下,还有其他方案没?

打开控制台,是一直可以自动播放的。猜测谷歌认为你是开发者所以给你自动播放

下面是MSI的系数,可以看到当IS Height changes为1的时候,这个网站是可以自动播放的。其他为0 的时候是不能自动播放的。但奇怪的是,为0的时候,其他视频网站也可以自动播放,而我的 就不行!

2019-05-16更新

以上是在PC环境下

now直播也是不能自动播放

laifeng,yy可以在视频暂停后,刷新页面一次或多次实现自动播放

目前我这边采用方案和laifeng类似。提示播放按钮,让用户点击后播放视频。

html谷歌浏览器自动播放视频,谷歌浏览器怎么才能绕过视频自动播放的限制呢?大家有没有什么好办法...相关推荐

  1. 格式工厂转换视频怎样设置才能使视频大小缩小

    格式工厂转换视频怎样设置才能使视频大小缩小 1.设置屏幕大小 2.对比特率进行更改(说明:采样率在一定特殊情况下也可进行修改,只是记得转换完成后,浏览查看,可能会有声音出不来的情况.如果出现,采样率还 ...

  2. 解决谷歌浏览器无法自动播放HTML文件的声音和视频问题的方法

    首先,先检测一下浏览器是否能支持自动播放,点击下方链接进行检测: https://video-dev.github.io/can-autoplay/ 本人检测的谷歌浏览器结果是: 结果显示,谷歌浏览器 ...

  3. vue+flv播放flv视频、m3u8视频,谷歌浏览器视频不自动播放怎么办

    播放flv视频 <template><div id="app1"><video id="myvideo" @click=" ...

  4. 视频在手机浏览器关闭默认自动放大播放的问题(安卓)

    最近接手的项目中,有一个需求是要在手机浏览器上播放视频,但是一直会出现进入页面后全屏播放视频的问题. 网上找到了一个解决思路是利用画布来控制视频播放在画布中,但是测试后发现在谷歌浏览器的手机模拟中可以 ...

  5. PPT 视频处理: 换电脑能正常播放 + 自动与手动播放

    目录 确保插入ppt的视频在任何电脑上正常播放 思路:转为wmv格式 怎么转格式呢: 如果没有原视频文件怎么办呢? 视频的自动和手动播放 默认情况 手动播放: 自动播放: 确保插入ppt的视频在任何电 ...

  6. 腾讯视频怎么开启运营商网络自动播放

    1.打开手机,点击[腾讯视频APP]; 腾讯视频怎么开启运营商网络自动播放 2.进入腾讯视频,点击右下角的[头像标志]; 腾讯视频怎么开启运营商网络自动播放 3.进入腾讯视频菜单,点击底部的[设置]; ...

  7. PP视频如何不允许WiFi下自动播放

    PP视频如何不允许WiFi下自动播放呢?很多人都不会,下面小编来详细的讲解一下. PP视频如何不允许WiFi下自动播放 1.先打开手机,点击桌面上的PP视频. PP视频如何不允许WiFi下自动播放 2 ...

  8. php怎么让视频自动播放,怎样让优酷等视频实现自动播放

    优酷播放器自动播放方法: 方法一:1.把下面的代码复制到记事本中,保存备用. http://player.youku.com/player.php/sid/XMzg4NzEyOTY==/v.swf?V ...

  9. ios html5 自动全屏播放,禁止iPhone Safari video标签视频自动全屏的办法

    最近做一个移动端微信页面项目,在微信页面中有视频播放,但是需要禁止IOS的自动全屏播放(前提必须使用video标签). 如: 在iPhone safari 点击视频会弹出播放器进行全屏播放. 在网上看 ...

最新文章

  1. 还原JavaScript的真实历史~
  2. 周鸿祎:在用户需求中找到真正的创新(强烈推荐)
  3. 【Spring 数据访问终篇】Spring + Hibernate + Mysql
  4. 支付渠道路由系统进化史
  5. 3-18pytorch与矩阵分解PCA
  6. SAP License:未分配差异新解
  7. 10 个实用技巧,让 Finder 带你飞
  8. 见证激情燃烧的汤姆·彼得斯(Tom Peters)
  9. http://www.raywenderlich.com/tutorials http://www.appcoda.com/tutorials/ http://www.entlib.net/
  10. MakeDirZ.bat
  11. 有什么新手适合的3D建模软件
  12. Traceback (most recent call last): File “C:\ProgramData\Anaconda3\lib\site-packages\qtpy\QtWebEngine
  13. Ubuntu安装布谷鸟沙盒
  14. Incorrect string value: '\xF0\x9F\x98\x82\xF0\x9F...'
  15. 【STM32】STM32F103C8T6+nrf24l01收发示例
  16. Mybatis+spring知识点
  17. Python学习手册(致敬谢公子)
  18. 鼠标使用板载内存和使用计算机上,【罗技G700s无线鼠标使用总结】功能|配置|模式|灵敏度_摘要频道_什么值得买...
  19. FunAdmin开发系统2.0版本发布
  20. jeff seid_Jeff Key再做一次...适用于Windows的像素标尺

热门文章

  1. Word如何修改目录页不显示页码, 页码从第二页开始算起
  2. Codeforces Round #827 (Div. 4)-C. Stripes
  3. js实现PDF在线预览
  4. JAVA 设置银行账户类Acount
  5. PopStar(消灭星星)游戏源代码下载、分析及跨平台移植---第二篇(算法)
  6. 智能风控决策引擎系统架构设计与开发实践
  7. 瑞银集团重启全球战略,开启新一轮金融风暴市场
  8. java有多重继承吗_java多重继承
  9. vivo的Android版本功能,vivo用户让人羡慕!Android Q尝鲜升级教程,这三款机型提前体验...
  10. 数据库三种备份方式(转)