-----html部分------
<swiper vertical :style="{height: windowheight+'px',width:375+'px'}" class="swiper-top" @change="playNow">
  <swiper-item v-for="(item1,index1) in ['1','2','3']" :key ="index1">
    <view :style="{height: windowheight+'px',width:375+'px'}" @click="controlVideo">
  <template >
<video :id="`postDetail${index1}`" :ref="`postDetail${index1}`" :enable-play-gesture="true" :src="postDetail.video_url" :show-fullscreen-btn="false" object-fit="contain" play-btn-position="center" enable-play-gesture="true" :style="{height: windowheight+'px',width:375+'px'}"></video >
  </template>
    </view>
  </swiper-item>
</swiper>

-------------

<script>
export default {

  data() {
    return {

      videoPlay:true,

      current:0,//滑块第几个
      videoContext:undefined //全局定义视频API变量

      }

  },

      this.playNow(1);//把这个放到初始化页面的函数内,即可进入页面自动播放,不放就不会自动播放

  methods: {

    playNow(e){
      if(e.detail!=undefined){
      this.current=e.detail.current;
      this.videoContext.pause()
      this.videoContext.seek(0)
      this.$off(this.videoContext);
       }
      this.videoContext = uni.createVideoContext(`postDetail${this.current}`)
      this.videoContext.play();
    },

    controlVideo(){ //多写的一个单击蒙版控制播放暂停,也可以写在playNow内,传不同的值来控制就行
      if(this.videoPlay){
        this.videoContext.pause() //暂停
        this.videoContext.seek(0) //复原播放时间到0秒
        this.videoPlay=false;
      }else{
        this.videoContext.play() //播放
        this.videoPlay=true;
      }
    },

  }

}

</script>

    主要是针对uniapp的video组件的灵活使用;主要是针对uniapp的video组件的灵活使用;主要是针对uniapp的video组件的灵活使用;主要是针对uniapp的video组件的灵活使用;主要是针对uniapp的video组件的灵活使用;主要是针对uniapp的video组件的灵活使用;主要是针对uniapp的video组件的灵活使用;主要是针对uniapp的video组件的灵活使用;主要是针对uniapp的video组件的灵活使用;主要是针对uniapp的video组件的灵活使用;主要是针对uniapp的video组件的灵活使用;主要是针对uniapp的video组件的灵活使用;主要是针对uniapp的video组件的灵活使用;主要是针对uniapp的video组件的灵活使用;主要是针对uniapp的video组件的灵活使用;主要是针对uniapp的video组件的灵活使用;主要是针对uniapp的video组件的灵活使用;主要是针对uniapp的video组件的灵活使用;主要是针对uniapp的video组件的灵活使用;主要是针对uniapp的video组件的灵活使用;主要是针对uniapp的video组件的灵活使用;主要是针对uniapp的video组件的灵活使用;主要是针对uniapp的video组件的灵活使用;主要是针对uniapp的video组件的灵活使用;主要是针对uniapp的video组件的灵活使用;主要是针对uniapp的video组件的灵活使用;主要是针对uniapp的video组件的灵活使用;主要是针对uniapp的video组件的灵活使用;主要是针对uniapp的video组件的灵活使用;主要是针对uniapp的video组件的灵活使用;主要是针对uniapp的video组件的灵活使用;主要是针对uniapp的video组件的灵活使用;主要是针对uniapp的video组件的灵活使用;主要是针对uniapp的video组件的灵活使用;主要是针对uniapp的video组件的灵活使用;主要是针对uniapp的video组件的灵活使用;主要是针对uniapp的video组件的灵活使用;主要是针对uniapp的video组件的灵活使用;主要是针对uniapp的video组件的灵活使用;主要是针对uniapp的video组件的灵活使用;主要是针对uniapp的video组件的灵活使用;主要是针对uniapp的video组件的灵活使用;主要是针对uniapp的video组件的灵活使用;主要是针对uniapp的video组件的灵活使用;主要是针对uniapp的video组件的灵活使用; 

最新文章

  1. 使用udev实现显示器的热插拔和usb的自动挂载
  2. RDIFramework.NET ━ 9.12 表字段管理 ━ Web部分
  3. Codeforces Round #310 (Div. 2) A. Case of the Zeros and Ones 水题
  4. .Net MVC API初试
  5. 通过PLSQL Developer导入SQL文件
  6. hdu 2844 Coins (多重背包)
  7. 一个用于每一天JavaScript示例-SVG中间javaScript画廊
  8. cmd 快捷操作
  9. frame、bounds表示大小和位置的属性以及center、position、anchorPosition
  10. smartgit试用到期不用序列号怎么继续使用
  11. C# 代码规范和质量检查工具 StyleCop.Analyzers
  12. 【codeforces 698B】 Fix a Tree
  13. 安装scala
  14. 出发a链接里面的div,a链接不进行跳转
  15. Item 18: 使用srd::unique_ptr来管理独占所有权的资源
  16. Java参数是值传递还是引用传递?
  17. Linux 查看各文件夹大小命令du -h --max-depth=1
  18. MySQL多表查询练习题
  19. VRS待解决的问题——原因及解决方案
  20. GIST特征描述符使用(转)

热门文章

  1. Mac下的平铺式桌面 - Yabai
  2. Qt:QDir
  3. Vue 常用命令
  4. 『现学现忘』Docker基础 — 10、Docker的安装
  5. Springboot循环依赖实践纪实
  6. 微信小程序两点之间的距离
  7. supervisor启动报错
  8. 基于Zookeeper的分布式锁(干干干货)
  9. vue+echarts可视化大屏,全国地图下钻,页面自适应
  10. 为什么 TCP 链接需要三次握手,两次不可以么,为什么?