关于我们视频替换

src/components/Aboutus.vue

@@ -1,15 +1,37 @@
 <script setup>
 import { useBootstrapBreakpoint } from './useBreakpoint.js';
-const { breakpoint } = useBootstrapBreakpoint();
 import Wanted from "./Wanted.vue";
+const { breakpoint } = useBootstrapBreakpoint();
 </script>
 
 <template>
   <div class="pageroot" id="aboutusroot">
-    <div id="abubanner" class="pagebanner">
+    <div id="aboutusbanner" class="videorootbanner">
-      <div class="bannercontent" id="aboutusbannercontent">
+      <img v-if="$isMobile.android.phone||$isMobile.android.tablet"
-        <span class="banner1">多年专业深耕<br /></span>
+           src="/AboutusVideo.gif"
-        <span class="banner2">赋能客户产品体验创新</span>
+           class="videoimg"/>
+      <video v-else-if="breakpoint==='xs'||breakpoint==='sm'||breakpoint==='md'"
+             poster="/AboutusVideoPreload.png"
+             controls=""
+             id="abtbannervideo"
+             muted autoplay="autoplay"
+             loop="loop" playsinline webkit-playsinline
+             class="bannervideos">
+        <source src="/AboutusVideo.mp4" type="video/mp4"></source>
+      </video>
+      <video v-else
+             poster="/AboutusVideoPreload.png"
+             id="abtbannervideo"
+             muted autoplay="autoplay"
+             loop="loop" playsinline webkit-playsinline
+             class="bannervideos">
+        <source src="/AboutusVideo.mp4" type="video/mp4"></source>
+      </video>
+      <div id="abtbanner" class="bannerovervideo">
+        <div class="bannercontent">
+          <span class="banner1">多年专业深耕<br /></span>
+          <span class="banner2">赋能客户产品体验创新</span>
+        </div>
       </div>
     </div>
     <div id="gslc" class="pageroot">