MiniPrograms/subpkg/classvideo/classvideo.vue

<template>
	<view>
		<back text="课程直播"></back>
		<view class="video-box">
			<video class="video" id="classVideo" :src="video" @error="videoErrorCallback" controls></video>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				video: 'https://img.cdn.aliyun.dcloud.net.cn/guide/uniapp/%E7%AC%AC1%E8%AE%B2%EF%BC%88uni-app%E4%BA%A7%E5%93%81%E4%BB%8B%E7%BB%8D%EF%BC%89-%20DCloud%E5%AE%98%E6%96%B9%E8%A7%86%E9%A2%91%E6%95%99%E7%A8%8B@20200317.mp4',
			};
		},
		onLoad() {
			this.videoContext = uni.createVideoContext('classVideo')
		},
		methods: {
			videoErrorCallback(e) {
				uni.showModal({
					content: e.target.errMsg,
					showCancel: false
				})
			},



		}
	}
</script>

<style lang="scss">
	.video-box {
		width: 100%;

		.video {
			width: 100%;
		}
	}
</style>