diff --git a/src/components/Aboutus.vue b/src/components/Aboutus.vue
index 248e728..f4f66a8 100644
--- a/src/components/Aboutus.vue
+++ b/src/components/Aboutus.vue
@@ -132,8 +132,10 @@ export default {
   display: flex;
   justify-content: center;
   align-items: center;
-  aspect-ratio: 1.92;
   background-color: black;
+  @include media-breakpoint-between(xs, md) {
+    aspect-ratio: 1.92;
+  }
 }
 
 #aboutusbannercontent{
diff --git a/src/components/Toolbar.vue b/src/components/Toolbar.vue
index 3d85cb2..c64cd8c 100644
--- a/src/components/Toolbar.vue
+++ b/src/components/Toolbar.vue
@@ -85,7 +85,11 @@ export default {
     },
     show_weptoolbar:function (){
       document.getElementById('mobilebarroot').style.visibility="visible";
-      console.log('mobilebarshow')
+      console.log('mobilebarshow');
+      const videos = document.getElementsByClassName('bannervideos');
+      for (let i = 0; i < videos.length; i++) {
+        videos[i].style.display = 'none';
+      }
     },
     isActiveRoute(routename) {
       // Example: Apply style if route name starts with 'user-'
diff --git a/src/components/Tools/MobileToolbar.vue b/src/components/Tools/MobileToolbar.vue
index ff6a35a..20ed5fc 100644
--- a/src/components/Tools/MobileToolbar.vue
+++ b/src/components/Tools/MobileToolbar.vue
@@ -58,6 +58,10 @@ export default {
   methods: {
     hide_toolbar:function (){
       document.getElementById('mobilebarroot').style.visibility="collapse";
+      const videos = document.getElementsByClassName('bannervideos');
+      for (let i = 0; i < videos.length; i++) {
+        videos[i].style.display = ''; // 或者 'block'，取决于视频元素之前的 display 状态
+      }
     }
   },
   contain_toolbartop:function (){