TSYWXT-CLOUD-APP/pages/check-order/videoView.vue

<!--
 * @Title: 
 * @Description: 视频预览
 * @Author: swp
 * @Date: 2022-08-24 10:49:21
 * @LastEditors: 
 * @LastEditTime: 2022-08-24 10:49:21
-->
<template>
	<view class="container">
		<uni-nav-bar dark :fixed="true" backgroundColor="#3F9EFF" statusBar="false" left-icon="left" left-text="返回"
			@clickLeft="toBack">
			<view style="width: 100%;display: flex;flex-direction: row;justify-content: center;align-items: center;">
				<text style="color: white;font-size: 1rem;">{{title}}</text>
			</view>
		</uni-nav-bar>
		<uni-group>
			<view class="view-flex-inline-center">
				<video :src="videoPath"></video>
			</view>
		</uni-group>
	</view>
</template>

<script>
	import http from '@/http/api.js';
	import {
		oss,
		devUrl,
		prodUrl
	} from '@/common/setting';
	export default {
		components: {},
		data() {
			return {
				title: '视频预览',
				desc: '',
				show:false,
				videoPath:'',
				//videoPath:'https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/2minute-demo.mp4',
				//videoPath: 'https://wx.dahengsi.com:44301/mp4/galaxy/upload/20231229/061345ac7e717c1d0dc3546c4cd0df0c.mp4',
				baseURL: '',
			}
		},
		computed: {

		},
		onLoad(options) {
			this.videoPath =oss+options.url;
			console.log(this.videoPath)
		},
		onReady() {
			console.log("onReady++++++++++++++")
		},
		onShow() {

		},
		methods: {
			toBack() {
				uni.navigateBack({
					delta: 1
				})
			},
		}
	}
</script>

<style lang="scss" scoped>
	.container {
		padding: 0 0 100rpx;
	}

	.view-flex-rc {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}

	.view-flex-cc {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
</style>