feat(videos): 添加 4bWST 生日模板视频页面

- 新增 template-video.html 文件，用于播放视频 - 包含视频标题、播放器、下载和返回按钮 - 使用 ArtPlayer 播放器和章节插件
2025-02-14 11:53:51 +08:00
parent fe4771a555
commit 2592b214eb
1 changed files with 33 additions and 0 deletions
--- a/index/videos/25/02/4bWST-birthday/template-video.html
+++ b/index/videos/25/02/4bWST-birthday/template-video.html
@@ -0,0 +1,33 @@
+<html lang="zh-CN">
+
+<head>
+    <title id="pageTitle">视频播放</title>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+</head>
+
+<body>
+    <link rel="stylesheet" href="video.css">
+    <script src="video.js"></script>
+    <script>
+    // 视频标题、链接和说明
+    var videoTitle = "视频标题";
+    var videoUrl = "./Big Buck Bunny_1080P_60fps.mp4";
+    var videoDescription = "视频说明，\n描述视频内容";
+    </script>
+    <div class="header">
+        <h1 id="videoTitle"></h1>
+        <div id="videoDescription" class="description"></div>
+        <div>
+            <button onclick="downloadVideo()">下载</button>
+            <button class="back-button" onclick="window.history.back()">返回</button>
+        </div>
+    </div>
+    <div class="artplayer-app"></div>
+    <script src="https://cdn.jsdelivr.net/npm/artplayer/dist/artplayer.js"></script>
+    <!-- 引入 artplayerPluginChapter 插件 -->
+    <script src="https://cdn.jsdelivr.net/npm/artplayer-plugin-chapter/dist/artplayer-plugin-chapter.js"></script>
+</body>
+
+</html>