<template>
	<view class="prpage">
		<video
			class="prvideo"
			:style="{ height: screenSafeHeight + 'px' }"
			:src="videoUrl"
			autoplay="true"
			controls="true"
			:object-fit="objectFit"
		></video>
	</view>
</template>

<script>
let system = uni.getSystemInfoSync();
export default {
	data() {
		return {
			videoUrl: '',
			objectFit: 'fill',
			screenSafeHeight: system.safeArea.bottom
		};
	},
	onLoad(params) {
		let me = this;
		var path = params.videoUrl;
		var fileName = path.split('/').pop();
		// let videoUrl = 'https://wuzhongjie.com.cn/vlogData/' + fileName;
		let videoUrl = params.localFile;
		this.videoUrl = videoUrl;
		let width = parseInt(params.width);
		let height = parseInt(params.height);
		this.width = width;
		this.height = height;

		if (width >= height) {
			me.objectFit = 'contain';
		} else {
			me.objectFit = 'fill';
		}
	},
	methods: {}
};
</script>

<style scoped>
.prpage {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: #181b27;
}
.prvideo {
	width: 750rpx;
}
</style>
