【小程序按钮控制视频播放暂停】

最新推荐文章于 2024-03-26 17:48:30 发布

oh~是小y

最新推荐文章于 2024-03-26 17:48:30 发布

阅读量4.1k

点赞数 2

文章标签：音视频小程序微信小程序

本文链接：https://blog.csdn.net/weixin_44430488/article/details/121703085

版权

微信小程序视频播放暂停按钮控制 wx.createVideoContext

关键词由CSDN通过智能技术生成

小程序按钮控制视频播放暂停

wxml

    //  播放视频
    <video id="myvideo" src='https://peacebird-img.oss-cn-shanghai.aliyuncs.com/wx/2019-12-11-bar-12.mp4' controls>
    </video>
    //  按钮控制播放
    <van-button round color="#0080cb" bindtap="videoPlay">播放</van-button>
    <van-button round color="#0080cb" bindtap="videoPause">暂停</van-button>

 videoPlay() {   //播放视频
    let videoplay = wx.createVideoContext('myvideo', this)
    videoplay.play();
  },
  videoPause() {   //暂停视频
    let videoplay = wx.createVideoContext('myvideo', this)
    videoplay.pause();
  },