admin管理员组

文章数量:1616433

双video标签（一个为背景，一个屏幕居中展示）在各大浏览器中存在的问题：

移动端

一、安卓端：

1.华为自带浏览器：两个视频可以同时自动播放，但自动播放时默认都是静音播放。
2.百度浏览器：上方视频播放时第背景视频自动暂停，且上方视屏自动播放时也默认为静音播放。
3. QQ浏览器：上方视频播放时背景视频自动暂停，但上方视频自动播放时为有声播放。
4. UC浏览器：两个视屏可以同时自动播放，背景视频自动播放时为静音播放，上方视频为有声播放。
5. 360浏览器：首次加载时背景视频不会自动播放，上方视频自动播放，刷新页面两个视频均不自动播放。
6. vivo自带浏览器：视屏播放时层级问题失控，一个视频播放会遮挡另一个视频，播放视频的控件也是失控状态。
7. OPPO自带浏览器：视屏播放时层级问题失控，一个视频播放会遮挡另一个视频，播放视频的控件也是失控状态。
8. Chrome：两个视频可以同时自动播放，但自动播放时默认都是静音播放。

二、IOS端

1. safari浏览器：两个视频均不能自动播放，点击播放后自动全屏播放。
2. uc浏览器：两个视频均不能自动播放，点击播放后自动全屏播放。
3. qq浏览器：两个视频均不能自动播放，点击播放后自动全屏播放。
4. 百度浏览器：是按时间顺序播放，后载入的视频自动全屏播放，关闭后自动显示先载入的视频播放界面。
5. 360浏览器：两个视频均不自动播放，点击播放后自动全屏播放。
6. Chrome：两个视频均不能自动播放，点击播放后自动全屏播放。

PC端

1. Chrome浏览器：两个视频可以同时自动播放，但自动播放时默认都是静音播放。
2. Safari浏览器： 两个视频可以同时自动播放，但自动播放时默认都是静音播放。

hb端

1. hb端不能实现两个video标签同时播放，hb上只允许存在一个video实例。

总结：本次主要的侧重测试点为wap。hb端不可以，hb上只允许存在一个video实例；PC端由于设备原因，只测试了Chrome和Safari，两个浏览器都是两个视频可以同时自动播放，但自动播放时默认都是静音播放。

本文标签： 自动播放浏览器两个页面标签

版权声明：本文标题：一个页面同时使用两个video标签自动播放在各个移动端浏览器存在的问题 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/xitong/1728734972a1170809.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。