xusfood_client/xushuo/cooperation.vue

<template>
	<view class="pages">
		<u-navbar
			title="合作加盟"
			:autoBack="true"
			 :safeAreaInsetTop="true"
		>
		</u-navbar>
		<view class="page-bg">
			<img class="img" :src="staticUrl+'/img/cooperation-bg.png'" alt="">
		</view>
		<view class="page-wrap">
			<view class="video-wrap">
				<video 
					id="video" 
					src="http://dl1.gj3.wangyuan.com/downloader/20180817/zhkokrbt/gjqt3_03.mp4" 
					poster="http://i1.gbimg.cn/zt/2018/04/20/gjqt3x2018y20m/myc36x/images/yl/img1.jpg"
				    controls playsinline loop>
				</video>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				staticUrl:this.$commonConfig.staticUrl,
				
			}
		},
		onShow() {		
		},
		onLoad() {

		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
.video-wrap{
	overflow: hidden;
	border-radius: 20rpx;
	text-align: center;
	margin-bottom: 50rpx;
	#video{
		width: 100%;
	}
}
</style>