Html5 在 Android/IOS 浏览器不自动播放视频

本文介绍了HTML5视频在移动端浏览器自动播放的支持情况。包括ChromeforAndroid从54版本开始支持静音视频自动播放,SafariforiOS10从602版本开始支持静音视频自动播放等内容。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

相信很多Web前端开发小伙伴因为工作的需求,在研究怎么通过HTML5实现视频在手机浏览器的自动播放(主流浏览器)。在这里,我要告诉大家:

  1. Chrome for Android 从版本54开始支持静音视频自动播放
  2. Safari for iOS 10 从版本602开始支持静音视频自动播放
  3. Autoplay, whether muted or not, is already supported on Android by Firefox and UC Browser: they do not block any kind of autoplay

据说是为了通过视频解决大体积的GIF动画问题

系统/浏览器是否支持自动播放
iOS 9 Safari 601no
iOS 10 Safari 602yes (with muted + playsinline attributes)
iOS 9 Chrome 54no
iOS 10 Chrome 54yes (with muted + playsinline attributes)
iOS 9 Opera Mini 14no
iOS 10 Opera Mini 14yes (plays fullscreen)
iOS 9 Firefox 5.3no
iOS 10 Firefox 5.3no
Android Chrome 43no
Android Chrome 54yes (with muted attribute)
Android Opera Mini 20no
Android Firefox 49yes
Android Samsung Internet 4.0no
Windows Phone 8 IEMobile 10no
Windows Phone 8.1 IEMobile 11yes
Windows 10 Mobile Edge 14.1no
Windows 10 Mobile Opera Mini 9.1no

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

郎涯技术

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值