aijinan-app-newVersion/index.html
2025-05-14 17:25:59 +08:00

57 lines
1.6 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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>