微信小程序视频播放

video
微信开发文档

   <view class="banner" wx:if="{{list.is_buy!=1}}">//is_buy是否已购买
        <image src="{{list.bimg}}"></image>
        <image bindtap="menu_on" src="../../resource/video.png"></image>
    </view>
    <video class="banner" poster="{{list.bimg}}" src="{{list.type==1?list.video:list.link}}" style="height:{{list.video_h}}rpx;" wx:if="{{list.is_buy==1&&list.type!=2}}"></video>
    <txv-video playerid="txv1" vid="{{list.vid}}" wx:if="{{list.is_buy==1&&list.type==2}}"></txv-video>

txv-video:腾讯视频插件
app.json:

 "plugins": {
    "tencentvideo": {
      "version": "1.1.1",
      "provider": "wxa75efa648b60994b"
    }
  }

视频播放页面json:

{
  "navigationBarTitleText": "腾讯插件的使用",
  "usingComponents": {
    "txv-video": "plugin://tencentvideo/video"
  }
}
<view class="video">
  <txv-video class="txv-video" playerid="txv1" vid="w0718gzpyqm" autoplay="true"></txv-video>
</view>

js控制播放

const TxvContext = requirePlugin("tencentvideo");
let txvContext = TxvContext.getTxvContext('txv1') // txv1即播放器组件的playerid值
txvContext.play();  // 播放
txvContext.pause(); // 暂停
txvContext.requestFullScreen(); // 进入全屏
txvContext.exitFullScreen();    // 退出全屏
txvContext.playbackRate(+e.currentTarget.dataset.rate); // 设置播放速率

你可能感兴趣的:(前端,小程序)