index.wxml

<view class="VideoPlayer"
 style="padding-top:{{datas.componentData.allPaddingList[0].value*2}}rpx;padding-right:{{datas.componentData.allPaddingList[1].value*2}}rpx;padding-bottom:{{datas.componentData.allPaddingList[2].value*2}}rpx;padding-left:{{datas.componentData.allPaddingList[3].value*2}}rpx;background-color:{{datas.componentData.backgroundColor}};background-image:url({{datas.componentData.backgroundImg}});background-size:100%;">
	<view class="title" wx:if="{{datas.componentData['title']}}">
		<text>{{datas.componentData['title']}}</text>
	</view>
	<view class="main">
		<view class="isVideo" wx:if="{{datas.componentData['type']<3}}">
			<video
			 bindtap="playVideo"
			 id="videoId{{indexs}}"
			 src="{{datas.componentData['videoUrl']}}"
			 show-center-play-btn="{{datas.componentData['nativeControl']}}"
			 type="video/mp4"
			 autoplay="{{datas.componentData['autoPlay']}}"
			 controls="{{datas.componentData['nativeControl']}}"
			 loop="{{datas.componentData['loopPlay']}}"
			 object-fit="cover"
			>
				<image wx:if="{{!firstPlay}}" src="{{datas.componentData['poster']}}" mode="widthFix"></image>
			</video>
			<view
			 class="playerBtn"
			 bindtap="playVideo"
			 wx:if="{{!isPlay&&!datas.componentData['nativeControl']}}"
			>
				<image src="http://mayi-newshop.oss-cn-shanghai.aliyuncs.com/public/png/06420e41-cd0b-4913-a1ef-9056ceebcc95.png" />
			</view>
		</view>
		<!-- 代码片段展示 -->
		<view class="isCodeSnippets" wx:if="{{datas.componentData['type']==3&&datas.componentData['codeSnippet']!=''}}">
			<rich-text nodes="{{datas.componentData['codeSnippet']}}"></rich-text>
		</view>
	</view>

</view>