From a1d7e81859f554f3a53680cc35f0f49bf1f77098 Mon Sep 17 00:00:00 2001
From: wwf <1971391498@qq.com>
Date: 星期四, 14 五月 2026 14:37:02 +0800
Subject: [PATCH] 导入项目
---
src/views/mp/components/wx-video-play/main.vue | 73 ++++++++++++++++++++++++++++++++++++
1 files changed, 73 insertions(+), 0 deletions(-)
diff --git a/src/views/mp/components/wx-video-play/main.vue b/src/views/mp/components/wx-video-play/main.vue
new file mode 100644
index 0000000..d544bbe
--- /dev/null
+++ b/src/views/mp/components/wx-video-play/main.vue
@@ -0,0 +1,73 @@
+<!--
+ - Copyright (C) 2018-2019
+ - All rights reserved, Designed By www.joolun.com
+ 銆愬井淇℃秷鎭� - 瑙嗛銆�
+ 鑺嬮亾婧愮爜锛�
+ 鈶� bug 淇锛�
+ 1锛塲oolun 鐨勫仛娉曪細浣跨敤 mediaId 浠庡井淇″叕浼楀彿锛屼笅杞藉搴旂殑 mp4 绱犳潗锛屼粠鑰屾挱鏀惧唴瀹癸紱
+ 瀛樺湪鐨勯棶棰橈細mediaId 鏈夋晥鏈熸槸 3 澶╋紝瓒呰繃鏃堕棿鍚庢棤娉曟挱鏀�
+ 2锛夐噸鏋勫悗鐨勫仛娉曪細鍚庣鎺ユ敹鍒板井淇″叕浼楀彿鐨勮棰戞秷鎭悗锛屽皢瑙嗛娑堟伅鐨� media_id 鐨勬枃浠跺唴瀹逛繚瀛樺埌鏂囦欢鏈嶅姟鍣ㄤ腑锛岃繖鏍峰墠绔彲浠ョ洿鎺ヤ娇鐢� URL 鎾斁銆�
+ 鈶� 浣撻獙浼樺寲锛氬脊绐楀叧闂悗锛岃嚜鍔ㄦ殏鍋滆棰戠殑鎾斁
+
+-->
+<template>
+ <div @click="playVideo()">
+ <!-- 鎻愮ず -->
+ <div>
+ <Icon icon="ep:video-play" :size="32" class="mr-5px" />
+ <p class="text-sm">鐐瑰嚮鎾斁瑙嗛</p>
+ </div>
+
+ <!-- 寮圭獥鎾斁 -->
+ <el-dialog v-model="dialogVideo" title="瑙嗛鎾斁" append-to-body>
+ <video-player
+ v-if="dialogVideo"
+ class="video-player vjs-big-play-centered"
+ :src="props.url"
+ poster=""
+ crossorigin="anonymous"
+ controls
+ playsinline
+ :volume="0.6"
+ :width="800"
+ :playback-rates="[0.7, 1.0, 1.5, 2.0]"
+ />
+ <!-- 浜嬩欢锛屾毇鏅傛矑鐢�
+ @mounted="handleMounted"-->
+ <!-- @ready="handleEvent($event)"-->
+ <!-- @play="handleEvent($event)"-->
+ <!-- @pause="handleEvent($event)"-->
+ <!-- @ended="handleEvent($event)"-->
+ <!-- @loadeddata="handleEvent($event)"-->
+ <!-- @waiting="handleEvent($event)"-->
+ <!-- @playing="handleEvent($event)"-->
+ <!-- @canplay="handleEvent($event)"-->
+ <!-- @canplaythrough="handleEvent($event)"-->
+ <!-- @timeupdate="handleEvent(player?.currentTime())"-->
+ </el-dialog>
+ </div>
+</template>
+
+<script lang="ts" setup>
+import 'video.js/dist/video-js.css'
+import { VideoPlayer } from '@videojs-player/vue'
+
+defineOptions({ name: 'WxVideoPlayer' })
+
+const props = defineProps({
+ url: {
+ type: String,
+ required: true
+ }
+})
+
+const dialogVideo = ref(false)
+
+// const handleEvent = (log) => {
+// console.log('Basic player event', log)
+// }
+
+const playVideo = () => {
+ dialogVideo.value = true
+}
+</script>
--
Gitblit v1.8.0