<!--packageE/video/video.wxml-->
<view class="video_content" style="background-color: {{datas.preview_color}};width:100%;padding:{{datas.padding_top}}px {{datas.padding_right}}px {{datas.padding_bottom}}px {{datas.padding_left}}px">
  <view class="video-box" wx:if="{{isVideo}}" style="width:100%;position: relative;">
    <view style="width:100%;height:{{Height}}; display: flex;">
      <video id="myVideo{{component_id}}" src="{{video}}" poster="{{datas.video_url.poster}}" object-fit='fill'
             style="width:100%; height:{{Height}}; z-index: 5;" bindended="bindended" bindloadedmetadata='bindloadedmetadata'></video>
    </view>
    <view wx:if="{{imgurl}}">
      <view wx:if="{{imgurlshow}}" catchtap="imgurlshowbtn" style="width:100%;height:100%; position: absolute;left: 0;top: 0; z-index: 9;">
        <image src="{{imgurl}}" lazy-load mode="aspectFill" style="width: 100%;height: 100%;"></image>
        <view style="position: absolute;left: 50%;top: 50%;transform: translate(-50%,-57%);z-index: 11;" catchtap="imgurlshowbtn">
          <i class="icon-bofang1 iconfont"></i>
        </view>
      </view>
    </view>
  </view>
  <view wx:else style="width: 100%;text-align: center;line-height: 400rpx">小程序视频组件只支持mp4格式</view>
</view>
