57 lines
1.6 KiB
HTML
57 lines
1.6 KiB
HTML
<!doctype html>
|
||
<html lang="zh-CN">
|
||
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
|
||
<meta name="viewport"
|
||
content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1.0, minimum-scale=1.0">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<title>济南移动直播平台app</title>
|
||
|
||
<!-- 预加载关键资源 -->
|
||
<link rel="preload" href="/js/video-js.css" as="style">
|
||
<link rel="preload" href="/js/video.js" as="script">
|
||
<link rel="preload" href="/js/videojs-vr.min.js" as="script">
|
||
|
||
<!-- CSS 资源 -->
|
||
<link href="/js/video-js.css" rel="stylesheet" />
|
||
|
||
<!-- 阿里播放器资源 -->
|
||
<link rel="stylesheet" href="https://g.alicdn.com/de/prismplayer/2.15.6/skins/default/aliplayer-min.css" />
|
||
<script>
|
||
// 确保阿里播放器加载完成
|
||
window.aliplayerLoaded = false;
|
||
window.onAliplayerLoaded = function() {
|
||
window.aliplayerLoaded = true;
|
||
console.log('阿里播放器加载完成');
|
||
};
|
||
</script>
|
||
<script
|
||
charset="utf-8"
|
||
src="/js/aliplayer-min.js"
|
||
onload="window.onAliplayerLoaded()"
|
||
></script>
|
||
|
||
<style>
|
||
/* 灰色主题 */
|
||
html[data-theme="3"] {
|
||
filter: grayscale(100%) !important;
|
||
}
|
||
|
||
/* 重置播放器的filter，避免被主题影响 */
|
||
.prism-player {
|
||
filter: none !important;
|
||
}
|
||
</style>
|
||
</head>
|
||
|
||
<body>
|
||
<!-- 核心脚本异步加载 -->
|
||
<script defer src="/js/video.js"></script>
|
||
<script defer src="/js/videojs-vr.min.js"></script>
|
||
<div id="app"></div>
|
||
<script type="module" src="/src/main.js"></script>
|
||
</body>
|
||
|
||
</html> |