jiaojing/miniprogram/pages/detail/template/video/index.wxml

<template name="video">
  <view class="videoList" wx:for="{{content || []}}" wx:key="title" data-url="{{item.url}}" bindtap="playVideo">
    <image bindload="bindload" data-index="{{index}}" wx:if="{{!imgList[index]}}" style="width: 339rpx;" src="{{item.imgUrl}}">
    </image>
    <image bindload="bindload" wx:if="{{imgList[index]}}" style="height:{{imgList[index] + 'rpx;width: 339rpx;'}}"
      src="{{item.imgUrl}}"></image>
    <view class="titleStyle" wx:if="{{item.title}}">{{item.title}}</view>
    <view class="titleStyle">播放次数：{{item.play_count}}</view>
  </view>


  <view class="mantle" wx:if="{{playUrl}}">
    <view class="close" bindtap="closeVideo">
      <view class="left"></view>
      <view class="right"></view>
    </view>
    <video style="height:{{videoData.height}}px;width:{{videoData.width}}px" bindloadedmetadata="bindloadedmetadata"
      class="playVideo" src="{{playUrl}}"></video>
  </view>
</template>