一个页面同时使用两个video标签自动播放在各个移动端浏览器存在的问题

双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，两个浏览器都是两个视频可以同时自动播放，但自动播放时默认都是静音播放。