DaoDao/DaoDaoFrontend/pages/tabbar-3-detial/tabbar-3-video/tabbar-3-video.vue

<template>
	<view class="container">
		<uni-section title="选择视频" type="line">
			<view class="example-body">
				<uni-file-picker limit="9" autoUpload="false" file-mediatype="video" title="最多选择9个视频"></uni-file-picker>
			</view>
		</uni-section>
		<!-- <button @click="uploadVideo()">立即上传</button> -->
	</view>
</template>

<script>
	export default {
		data() {
			return {
				selectedVideo: []
			};
		},
		methods: {
			handleVideoSelect(event) {
				this.selectedVideo = event.target.files;
			},
			uploadVideo() {
				console.log();
				// 调用上传函数，传入selectedVideo
				// 上传成功后，提示用户到上传管理界面查看
			}
		}
	};
</script>

<style scoped>
	.container {
		padding: 20upx;
	}

	.example-body {
		padding: 15px;
		padding-top: 0;
	}

	.custom-image-box {
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}

	.text {
		font-size: 24px;
		color: #333;
	}
</style>


<!-- <template>
  <view class="video-wrap">
    <video :src="hlsUrl" controls autoplay></video>
  </view>
</template>

<script>
export default {
  data() {
    return {
      hlsUrl: 'https://afanai.top:8088/video/428743782.mp4', // 这里替换为你的Flask服务器地址
    };
  },
};
</script>

<style>
.video-wrap video {
  width: 100%;
  height: auto;
}
</style> -->