forked from hexianglong/o.nmgjg.com.cn
root
ee0f994dfb
- 新增视频文件：2025-02-14-11-09-11_Notepad3_D0VfI8Cj2L.mp4 - 创建视频播放页面：index.html - 视频标题：MC统一认证设置教程 - 视频描述：演示如何在PCL2中设置MC统一认证登录，提醒观众此视频为分节视频 - 页面中包含视频下载和返回按钮 - 使用 Artplayer 播放器和章节插件进行视频播放
32 lines
1.2 KiB
HTML
32 lines
1.2 KiB
HTML
<html lang="zh-CN">
|
||
|
||
<head>
|
||
<title id="pageTitle">视频播放</title>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<script>
|
||
// 视频标题、链接和说明
|
||
var videoTitle = "MC统一认证设置教程";
|
||
var videoUrl = "./2025-02-14-11-09-11_Notepad3_D0VfI8Cj2L.mp4";
|
||
var videoDescription = "此教程将演示如何在PCL2中设置MC统一认证登录\n提醒：此视频为分节视频";
|
||
</script>
|
||
</head>
|
||
|
||
<body>
|
||
<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>
|
||
<link rel="stylesheet" href="/videos/video.css">
|
||
<script src="/videos/video.js"></script>
|
||
</body>
|
||
|
||
</html> |