Spaces:
Running
Running
Update index.html
Browse files- index.html +10 -0
index.html
CHANGED
@@ -507,6 +507,14 @@
|
|
507 |
.audio-only-mode.active {
|
508 |
display: block;
|
509 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
510 |
</style>
|
511 |
<style>
|
512 |
html, body {
|
@@ -620,6 +628,7 @@
|
|
620 |
}
|
621 |
</script>
|
622 |
<!-- 銉兗銉囥偅銉炽偘銈兗銉愩兗銉偆 -->
|
|
|
623 |
<div class="loading-overlay" id="loadingOverlay">
|
624 |
<div class="spinner-box">
|
625 |
<div class="blue-orbit leo">
|
@@ -744,6 +753,7 @@
|
|
744 |
<!-- 銈点儬銉嶃偆銉敤銇潪琛ㄧずvideo瑕佺礌 -->
|
745 |
<video id="video-for-thumbnail" src="v.mp4" preload="auto" style="display:none;">
|
746 |
</video>
|
|
|
747 |
<script>
|
748 |
const video = document.getElementById('videoPlayer');
|
749 |
const videoSelect = document.getElementById('videoSelect');
|
|
|
507 |
.audio-only-mode.active {
|
508 |
display: block;
|
509 |
}
|
510 |
+
.main-content {
|
511 |
+
position: relative;
|
512 |
+
z-index: 10;
|
513 |
+
padding: 20px;
|
514 |
+
color: white;
|
515 |
+
max-width: 1200px;
|
516 |
+
margin: 0 auto;
|
517 |
+
}
|
518 |
</style>
|
519 |
<style>
|
520 |
html, body {
|
|
|
628 |
}
|
629 |
</script>
|
630 |
<!-- 銉兗銉囥偅銉炽偘銈兗銉愩兗銉偆 -->
|
631 |
+
<div class="main-content">
|
632 |
<div class="loading-overlay" id="loadingOverlay">
|
633 |
<div class="spinner-box">
|
634 |
<div class="blue-orbit leo">
|
|
|
753 |
<!-- 銈点儬銉嶃偆銉敤銇潪琛ㄧずvideo瑕佺礌 -->
|
754 |
<video id="video-for-thumbnail" src="v.mp4" preload="auto" style="display:none;">
|
755 |
</video>
|
756 |
+
</div>
|
757 |
<script>
|
758 |
const video = document.getElementById('videoPlayer');
|
759 |
const videoSelect = document.getElementById('videoSelect');
|