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

摘要:
我们只需要添加一个"muted"静音属性那么在谷歌浏览器中就能自动开始播放我这个名为"video.mp4"的文件但是,是静音播放除此之外我们还可以用一种诱导用户的方式-------------引入jQuery文件来给它设置一个定时器在3秒内调用"muted"属性3秒后取消,那么视频也相应会暂停,给用户一个感觉,我是不是误操作了弄得视频暂停了其实也有点欺骗用户的感觉哈哈哈哈。。。。。。

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

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

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

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

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

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

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

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

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

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

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

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

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

但是,是静音播放

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

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

在3秒内调用 "muted" 属性

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

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

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

免责声明:文章转载自《谷歌浏览器中的自动播放问题》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇3.瞧,这就是UE4 C++sublime text3的安装破解与设置下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

WINCE应用程序开机自运行方法总结(转载)

第一种:1.假定Windows CE.NET目标工程目录为D:\WINCE420\PUBLIC\MyWinCE,并且工程已经Build成功,假定Windows CE.NET的应用程序为MyApp.exe;2.将MyApp.exe复制到D:\WINCE420\PUBLIC\MyWinCE\SAMSUNG_SMDK2410_ARMV4Release目录下; 3...

rpm包管理工具

介绍: RPM [1]  是Red-Hat Package Manager(RPM软件包管理器)的缩写,这一文件格式名称虽然打上了RedHat的标志,但是其原始设计理念是开放式的,现在包括OpenLinux、S.u.S.E.以及Turbo Linux等Linux的分发版本都有采用,可以算是公认的行业标准了。 1、rpm命令常用参数介绍: -i ,--ins...

用HTML,CSS和JavaScript创建iPhone/iPad应用程序

象大多数iPad粉丝和程序员一样,我有一个梦想,那就是如果不需要昂贵的Apple设备,不要繁琐的审批程序,不要为发布应用交钱就能开发iPad 应用程序该多好.现在这个梦想就要实现了,那就是网页应用程序. 那么,怎样才能让网页象看起来象本机程序一样呢?你需要做这些工作: 全屏幕:(去掉浏览器的地址栏和按钮栏);防止窗口滚动和缩放; 响应多点触摸和手势事件;...

linux下的软件包安装

linux下安装软件包有两种方法:源文件编译安装(source)和rpm 安装。 1.源文件包安装的通用方法。 一般安装源代码的程序你得要看它的README,一般在它的目录下都有的。 01.配置: 构建应用的第一步就是执行configure脚本,该脚本位于程式源文件的主目录下: [root@localhost~]#./configure 该脚本将扫描系统,...

php大文件上传(切片)功能

之前仿造uploadify写了一个HTML5版的文件上传插件,没看过的朋友可以点此先看一下~得到了不少朋友的好评,我自己也用在了项目中,不论是用户头像上传,还是各种媒体文件的上传,以及各种个性的业务需求,都能得到满足。小小开心了一把。 但无论插件再怎么灵活,也难以应付所有的需求,比如,你要上传一个2G的文件。以现在我们的网速,恐怕再快也得传半小时。要命的是...

HBuilder wap2app提示版本过旧

目前HBuilder的Html5plus在Android5.0(targetSdkVersion=21)环境下完整测试过的。 现在手机已经是Android10.0,在运行targetSdkVersion=21的打包软件时候,会提示如下截图 如果,你的H5APP使用的硬件不多,比如摄像头,定位等等,那么可以通过配置将打包版本提高,5+app在manifes...