原创（亲自试验有效）小程序video标签上随意放各种标签

1. live-player标签权限开放

2. 将live-player标签扑到底层（可平级）

3. video标签在live-player 上层

4. video标签上层的任意标签设置z-index =99 或者更大即可

是不是懒得尝试呢，没关系代码送你

wxml

 <live-player id="mainLive" src="{{'https://qnrj.wshls.homecdn.com/live/42ef5.flv'}}" mode="live"  object-fit="fillCrop" ></live-player>
 <video id="mainVideo"   src="{{videoSrc}}" poster="{{posterImg}}" enable-play-gesture enable-danmu danmu-btn controls autoplay="true" custom-cache='{{false}}' style="object-fit:cover"></video>
 <view  class="freeEle">我可以在video上自由翱翔</view>

wxss

#mainLive{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
#mainVideo{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.freeEle{

  position: absolute;
  top: 10%;
  left: 10%;
  color: #fff;
  font-size: 20rpx;
  z-index: 999;
}

效果在这里

转载请注明出处