yuminge-app/yun-min-program-plugin-master/packageG/mycomponent/video/video.wxml

19 lines
1.2 KiB
Plaintext

<!--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>