video层级过高，以及界面使用多个video时，在安卓APP上同时播放的问题（uniapp）-Toy模板网

这篇具有很好参考价值的文章主要介绍了video层级过高，以及界面使用多个video时，在安卓APP上同时播放的问题（uniapp）。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

1、video层级过高的问题

问题一：我的界面由于是自定义导航栏，所以使用video时，上滑界面video会直在最上层，盖着头部导航栏

解决方法：使用cover-view,自定义头部使用cover-view替换view

问题二：自定义导航栏上面有menu，点击会出现一个弹出层，但是弹出层会被video压到

解决方法：使用原生窗体subNVues（uni-app subNVue 原生子窗体开发指南 - DCloud问答），原生窗体在第一次打包的时候可能会显示问题，打包的时候注意一下就行。详细的以上链接有说明

2、循环使用多个video时，安卓手机同时播放的问题

使用uni.createVideoContext，具体方法：

<video 
:src="item.src" 
:data-id="item.id" 
:id="item.id" 
class="item-video" 
:poster="item.src+'?x-oss-process=video/snapshot,t_0,f_jpg'" 
show-fullscreen-btn="false" 
object-fit="cover" 
@play="playing">
</video>

        playing(e) {
            // 获取当前视频id
            let currentId = e.currentTarget.dataset.id
            console.log(currentId);
            // uni.createVideoContext获取视频上下文对象
            this.videoContent = uni.createVideoContext(currentId)
            // 获取json对象并遍历, 停止非当前视频
            //operationList为video循环列表
            let operationList = this.operationList
            for (let i = 0; i < operationList.length; i++) {
              let temp = operationList[i].id
              if (temp !== currentId) {
                uni.createVideoContext(temp).pause()
              }
            }
          },

以上就可以解决安卓手机上，多视频播放的问题啦文章来源地址https://www.toymoban.com/news/detail-457998.html

到了这里，关于video层级过高，以及界面使用多个video时，在安卓APP上同时播放的问题（uniapp）的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！