werun-wxapp/components/diy-video/index.wxml

<block wx:if="{{options.cloumn == 'one'}}">
    <view class="video" style="width: {{style.width}}%;background-color:{{style.backgroundColor}};margin:{{style.areaMargin.top * 2}}rpx {{style.areaMargin.right * 2}}rpx {{style.areaMargin.bottom * 2}}rpx {{style.areaMargin.left *2}}rpx;padding:{{style.padding.top * 2}}rpx {{style.padding.right * 2}}rpx {{style.padding.bottom * 2}}rpx {{style.padding.left *2}}rpx ">
        <block wx:for="{{list}}" wx:key="index">
            <view style="width: {{style.videoWidth}}%; height: {{style.height * 2}}rpx; border-radius: {{style.borderRadius * 2}}rpx;margin:{{style.margin.top * 2}}rpx {{style.margin.right * 2}}rpx {{style.margin.bottom * 2}}rpx {{style.margin.left *2}}rpx;">
                <video id="myVideo" class="myvideo" src="{{item.video}}" poster="{{item.image}}" controls="{{vdata.controls}}" binderror="videoErrorCallback" show-center-play-btn='{{vdata.showCenterBtn}}' show-play-btn="{{vdata.showPlayBtn}}" picture-in-picture-mode="{{['push', 'pop']}}" autoplay="{{vdata.autoplay}}" bind:tap='videoTap'>
                    <image class="playImg" src="https://file-cloud.fmode.cn/lb486SzXLP/20211111/bk61p3045253.png" wx:if="{{play}}"></image>
                </video>
            </view>
            <view class="title" hidden="{{style.showTitle}}" style="font-size:{{style.titleSize * 2}}rpx">
                {{item.title}}
            </view>
            <view class="title desc" hidden="{{style.showDesc}}" style="font-size:{{style.descSize * 2}}rpx">
                {{item.desc}}
            </view>
        </block>
    </view>
</block>
<block wx:if="{{options.cloumn == 'two'}}">
    <view class="video_two" style="width: {{style.width}}%;background-color:{{style.backgroundColor}};margin:{{style.areaMargin.top * 2}}rpx {{style.areaMargin.right * 2}}rpx {{style.areaMargin.bottom * 2}}rpx {{style.areaMargin.left *2}}rpx;padding:{{style.padding.top * 2}}rpx {{style.padding.right * 2}}rpx {{style.padding.bottom * 2}}rpx {{style.padding.left *2}}rpx;">
        <block wx:for="{{list}}" wx:key="index">
            <view class="video_info" style="width: {{style.videoWidth}}%;margin:{{style.margin.top * 2}}rpx {{style.margin.right * 2}}rpx {{style.margin.bottom * 2}}rpx {{style.margin.left *2}}rpx;">
                <view style="width:100%; height: {{style.height * 2}}rpx;">
                    <video id="myVideo" class="myvideo" style="border-radius: {{style.borderRadius * 2}}rpx;" src="{{item.video}}" poster="{{item.image}}" controls="{{vdata.controls}}" binderror="videoErrorCallback" show-center-play-btn='{{vdata.showCenterBtn}}' show-play-btn="{{vdata.showPlayBtn}}" picture-in-picture-mode="{{['push', 'pop']}}" autoplay="{{vdata.autoplay}}" bind:tap='videoTap'>
                        <image class="playImg" src="https://file-cloud.fmode.cn/lb486SzXLP/20211111/bk61p3045253.png" wx:if="{{play}}"></image>
                    </video>
                </view>
                <view class="title" wx:if="{{style.showTitle == true}}" style="font-size:{{style.titleSize * 2}}rpx">
                    {{item.title}}
                </view>
                <view class="title desc" wx:if="{{style.showDesc == true}}" style="font-size:{{style.descSize * 2}}rpx">
                    {{item.desc}}
                </view>
            </view>
        </block>
    </view>
</block>