Initial commit

promo-ui2/src/views/Components/VideoPlayer.vue

@@ -0,0 +1,24 @@
+<script setup lang="ts">
+import { VideoPlayer, createVideoViewer } from '@/components/VideoPlayer'
+import { ContentWrap } from '@/components/ContentWrap'
+import { ElDivider } from 'element-plus'
+
+const showVideo = () => {
+  createVideoViewer({
+    url: '//sf1-cdn-tos.huoshanstatic.com/obj/media-fe/xgplayer_doc_video/mp4/xgplayer-demo-720p.mp4',
+    poster: '//lf3-static.bytednsdoc.com/obj/eden-cn/nupenuvpxnuvo/xgplayer_doc/poster.jpg'
+  })
+}
+</script>
+
+<template>
+  <ContentWrap title="视频播放器">
+    <VideoPlayer
+      url="//sf1-cdn-tos.huoshanstatic.com/obj/media-fe/xgplayer_doc_video/mp4/xgplayer-demo-720p.mp4"
+      poster="//lf3-static.bytednsdoc.com/obj/eden-cn/nupenuvpxnuvo/xgplayer_doc/poster.jpg"
+    />
+
+    <ElDivider />
+    <BaseButton type="primary" @click="showVideo">弹窗展示</BaseButton>
+  </ContentWrap>
+</template>