style: --

src/hotspot/views/hotspot/index.xs.scss

@@ -10,6 +10,20 @@
   background: rgba(0, 0, 0, 0.8);
   z-index: var(--z-index-popper);
 
+  &.isVideo {
+    flex-direction: column;
+
+    .hotspot-page-container {
+      flex: 1;
+      margin: 0;
+      width: 80%;
+      height: 0;
+    }
+    .hotspot-page-scrollbar {
+      flex: 0;
+    }
+  }
+
   &-container {
     margin: 0 100px;
     width: 580px;

src/hotspot/views/hotspot/index.xs.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="hotspot-page">
+  <div class="hotspot-page" :class="{ isVideo: myType === 'video' && !isMobile }">
     <h3 v-if="isMobile">{{ myTitle }}</h3>
 
     <div v-if="!isTextType" class="hotspot-page-container">