谷歌浏览器中的自动播放问题

2018年一月份  谷歌开始了以后谷歌浏览器将不会自动播放视频音频文件

笔者猜测可能有一下几点:

1. 禁广告,不能自动播放了一定程度上起到了禁用广告的效果

2. 为用户节省流量,因为视频音频加载时需要缓冲的会耗费用户流量,但是用户不一定会看这个视频或音频

第一次打开不支持自动播放,就给了用户选择的空间,也给用户节省了流量

在HTML5中新增了 <video></video> <audio></audio>两个标签  视频和音频

在谷歌浏览器中,这两个标签中的 "autoplay" 属性是无效的

那么如果我们需要自动播放视频文件需要怎么办呢?

我们只需要添加一个 "muted" 静音属性

那么在谷歌浏览器中就能自动开始播放我这个名为 "video.mp4" 的文件

但是,是静音播放

除此之外我们还可以用一种诱导用户的方式 -------------引入jQuery文件来给它设置一个定时器

在3秒内调用 "muted" 属性

3秒后取消,那么视频也相应会暂停,

给用户一个感觉,我是不是误操作了弄得视频暂停了

其实也有点欺骗用户的感觉哈哈哈哈。。。。。。

以上就是我的见解,如果你还有什么更好的方法,

不妨提出来我们一起讨论讨论

 

原文地址:https://www.cnblogs.com/mlw1814011067/p/9346672.html

时间: 2024-10-13 17:31:15

谷歌浏览器中的自动播放问题的相关文章

如何在网页中插入自动播放的音乐?使用于任何网页

网站功能不用太多,自己需要的就好了,自己的博客慢慢的完善,一个一个功能的增加,都是自己需要而且实用的,自己动手才会珍惜! 这音乐的功能很简单,一段代码而已: <audio controls autoplay="autoplay" loop="loop"> <source src="http://lykezhan.com/test.mp3" type="audio/mpeg" />   如果不播放,说明你

关于html5 audio 标签在ios系统上不能正常自动播放的解决办法

由于 iOS Safari 限制不允许 audio autoplay, 必须用户主动交互(例如 click)后才能播放 audio, 因此我们通过一个用户交互事件来主动 play 一下 audio. 这个坑相信大家都已经踩过了, 在 iOS 9 没出现以前, 这样的 hack 方案还是妥妥的.但 iOS 9 出现后, 发现这个方案"失效"了. 没有办法, 看来是时候升级一下 hack 方案了, 于是仔细看了下 audio 的事件. 对于能够自动播放时事件的顺序如下loadstart -

ios设置音乐audio自动播放

因为audio标签的自动播放:autoplay.在ios系统中不能自动播放,此时需要设置,在进入页面自动播放音乐. 第一步,先引入js微信 <script src="js/jweixin-1.2.0.js?ver=222"></script> 第二步,在wx.ready中进行默认播放,这个时候wx.config配置可以不用正确,但是后边的ready也可以用,所以默认播放了. //ios中音乐默认不能播放,配置在wx.ready中进行默认播放, function

手机浏览器自动播放视频video(设置autoplay无效)的解决方案

1.问题的提出 某一天接了个需求,需要在手机的H5页面内加入视频,我开开心心做完,准备交付的时候,问题来了,PM想要用户一进入页面,视频就开始播放,不需要用户手动点击. 2.尝试解决 加autoplay "视频自动播放"这个需求是ok的,那我就在video标签上加个autoplay属性嘛,在PC端浏览器里面试了一下,运行流畅,没有遇到什么问题,但是放在手机浏览器里面打开,就跟没设置autoplay是一样的. 监听canplay 那不行的话,我在页面加载完成的时候,监听video的can

在iOS微信浏览器中自动播放HTML5 audio(音乐)的2种正确方式

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"

H5中背景音乐无法自动播放问题

苹果禁止了Autoplay和JS "onload" 加载播放,使在html文件里使用了preload和autoplay属性,在移动版 Safari 上,此属性会被忽视,并且不会加载视频流,甚至不会下载该视频流. 除非用户物理点击一次屏幕,其实现在不能苹果手机,其他的安卓手机和部分App有时也存在背景音不能自动播放的问题. 背景音不能自动播放的场景及解决办法 解决方案:监听WeixinJSBridgeReady事件.DOMContentLoaded事件 微信的JS API建立在微信壳浏览

HTML5 audio 微信中自动播放音乐

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" id="viewport" content="width=device-width, initial-scale=1"> <title>微信中自动播放音乐</ti

取消Windows操作系统中&quot;自动播放&quot;

在Windows操作系统中,当将移动硬盘插入计算机时会出现"自动播放"的窗口,怎么不让它出现呢?下面以Windows 7为例给大家总结一下: 1.点击快捷键"Win + R"; 2.在输入框中输入"gpedit.msc",然后点击"确定",如下图: 3.点击展开上图"管理模板",如下图: 4.点击展开上图"Windows 组件",如下图: 5.在上图"Windows 组件&qu

audio在浏览器中自动播放

audio 在浏览器中自动播放 //使用autoplay属性 var src = "./award.wav"; var body = document.getElementsByTagName("body")[0]; if (body.getElementsByTagName("audio").length <= 0) { var audio = document.createElement("audio"); audi