苹果mac系统下浏览器video无法自动播放问题

我们在做手机Android/iOS开发的时候，声音一般都是无法自动播放的，桌面PC版的Safari浏览器在2017年也宣布禁止带有声音的多媒体自动播放功能，后来谷歌发布了最新的Chrome 66浏览器也禁止了声音自动播放，也就是说video的autoplay自动播放属性在桌面版的浏览器也将失效。

<video autoplay><source src="video/hqc.mp4" type="video/mp4">
</video>

所以这个问题的关键原因就是浏览器不允许带有声音的多媒体自动播放，如果一定要自动播放，是不是可以让没有声音的多媒体自动播放呢。因此，在video上就有一个muted属性，muted就是多媒体静音的属性。

<video autoplay muted><source src="video/hqc.mp4" type="video/mp4">
</video>

原理就是先把音频加一个muted的属性就可以自动播放，然后再显示一个声音被关掉的按钮，提示用户点一下打开声音。

这样就可以决绝video不能自动播放的问题。

苹果mac系统下浏览器video无法自动播放问题相关推荐

苹果Mac系统下MySql下载MySQL5.7.25及详细安装图解
苹果Mac系统下MySql最新版下载MySQL5.7.25及详细安装图解一.在浏览器当中输入以下地址 https://dev.mysql.com/downloads/mysql/ 二.点击下载 ps ...
网络工程师必备知识：苹果MAC系统下使用USB转console线配置交换机的连接方法
现在用苹果操作系统的人越来越多,作为网络工程师的使用工具之一USB转串口线的转接头,如果在苹果系统下使用呢? 1.首先自然是先安装转接头光盘自带的驱动程序了.也可以到使用的品牌的官网上去下载. 2.安 ...
去除mac系统下浏览器烦人的右侧和下侧广告条
不知道从什么时候开始在mac系统下用浏览器浏览网页右侧或下侧都会出现一个广告条,每次都是手工点击叉关闭,但刷新页面或跳转页面还会出现,真是太烦人了,终于找到解决办法了,原来是一个叫"Yont ...
解决微信浏览器video标签自动播放视频失效
正常在浏览器好好的视频,在微信内置浏览器中点击播放全屏,样式也不一样,自动播放失效.罪魁祸首是微信把video标签都成微信规则的了.下面方式可以解决视频播放全屏以及不能自动播放的问题. <vid ...
苹果电脑上使用linux环境变量,mac系统下修改环境变量
苹果电脑使用率越来越高,在mac系统下研发,性能要比在windows下快不少,既然要开发,免不了要配置环境变量.下面是学习啦小编收集整理的mac系统下修改环境变量,希望对大家有帮助~~ mac系统下修 ...
brew安装_苹果mac系统必须安装python3
苹果mac系统必须安装python3 苹果mac系统口碑很好,但不能像linux系统一样同时提供python2和python3环境,对程序员来说是非常不友善的.资深程序员都知道,Python 3 才是 ...
联想打印机 linux驱动怎么安装步骤,如何在MAC系统下安装打印机驱动
故障现象: 如何在MAC系统下安装打印机驱动?解决方案: 一.LJ2208安装苹果驱动步骤: 1.运行lenovo Lj2208 install: 2.点击"继续": 3.软件许可 ...
苹果iOS系统下的推送机制及实现
苹果iOS系统下的推送机制及实现浏览:785次出处信息 width="336" height="280" frameborder="0" ...
苹果Mac系统快捷键 mac新手必看
前言苹果Mac系统常用快捷键: 系统启动菜单指令附录 mac键盘布局按下Option键后的输入内容按下Option-Shift键后的输入内容前言 Mac中主要有五个修饰键,分别是Comma ...

苹果mac系统下浏览器video无法自动播放问题

苹果mac系统下浏览器video无法自动播放问题相关推荐

最新文章

热门文章