同页面多个video标签技巧

当小程序同个页面有多个video标签时,为了避免加载页面的时候同时预加载多个video的资源,使用同样大小的poster图占位。
制造一个假的视频界面。当点击时候使用wx:if加载真正的video


同页面多个video标签技巧_第1张图片
2018-03-22_173154.png

增加半透明遮罩层,方便显示视频文字简介



  
    {{item.intro}}
    
    
    
  
  
  
    
    {{item.zanNum>999?999+"+":item.zanNum}}
    
    
    
    
  

主要为wx:if="{{!item.isClicked}}"

你可能感兴趣的:(同页面多个video标签技巧)