关于我们视频替换

src/components/Aboutus.vue

@@ -1,17 +1,39 @@
 <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 class="bannercontent" id="aboutusbannercontent">
+    <div id="aboutusbanner" class="videorootbanner">
+      <img v-if="$isMobile.android.phone||$isMobile.android.tablet"
+           src="/AboutusVideo.gif"
+           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">
       <div class="normalcontentdiv" id="gslcblk">
         <span class="normalcontenttitle">公司介绍</span>