Initial commit: One Pipe System

完整的管理系统，包含账户管理、卡片管理、套餐管理、财务管理等功能模块。

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

src/views/widgets/video/index.vue

@@ -0,0 +1,31 @@
+<template>
+  <div class="page-content">
+    <div class="video-container">
+      <ArtVideoPlayer
+        playerId="my-video-1"
+        :videoUrl="videoUrl"
+        :posterUrl="posterUrl"
+        :autoplay="false"
+        :volume="0.5"
+        :playbackRates="[0.5, 1, 1.5, 2]"
+      />
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { ref } from 'vue'
+  import lockImg from '@imgs/lock/lock_screen_1.webp'
+
+  // 视频源和封面图片URL
+  const videoUrl = ref(
+    '//lf3-static.bytednsdoc.com/obj/eden-cn/nupenuvpxnuvo/xgplayer_doc/xgplayer-demo.mp4'
+  )
+  const posterUrl = ref(lockImg)
+</script>
+
+<style scoped>
+  .video-container {
+    max-width: 600px;
+  }
+</style>