refactor(videos): 调整视频播放页面结构
- 将视频标题、链接和说明的脚本移至 <head> 部分 - 调整 <link> 和 <script> 标签的位置,使其位于页面底部 - 优化 HTML 结构,提高页面加载速度和可维护性
This commit is contained in:
@@ -4,18 +4,15 @@
|
||||
<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="/videos/video.css">
|
||||
<script src="/videos/video.js"></script>
|
||||
<script>
|
||||
// 视频标题、链接和说明
|
||||
var videoTitle = "视频标题";
|
||||
var videoUrl = "./Big Buck Bunny_1080P_60fps.mp4";
|
||||
var videoDescription = "视频说明,\n描述视频内容";
|
||||
</script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="header">
|
||||
<h1 id="videoTitle"></h1>
|
||||
<div id="videoDescription" class="description"></div>
|
||||
@@ -28,6 +25,8 @@
|
||||
<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>
|
||||
@@ -4,18 +4,15 @@
|
||||
<title id="pageTitle">视频播放</title>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<script>
|
||||
// 视频标题、链接和说明
|
||||
var videoTitle = "视频标题";
|
||||
var videoUrl = "./Big Buck Bunny_1080P_60fps.mp4";
|
||||
var videoDescription = "视频说明,\n描述视频内容";
|
||||
</script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<link rel="stylesheet" href="/videos/video.css">
|
||||
<script src="/videos/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>
|
||||
@@ -28,6 +25,8 @@
|
||||
<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>
|
||||
Reference in New Issue
Block a user