案例详情支持视频

src/components/Aboutus.vue

@@ -50,7 +50,7 @@ const { breakpoint } = useBootstrapBreakpoint();
       <div class="normalcontentdiv" id="hxtdblk">
         <span class="normalcontenttitle" style="color: white;">团队宣言</span>
         <span class="normalcontenttext" style="color: white;">
-          我们的团队成员来自各大互联网企业、科技企业以及广告、设计传播行业，每位成员都具备多年跨领域的设计与专业制作经验，部分核心团队成员从业10-15年以上。我们坚信，设计是一门综合的艺术，是科学与艺术和商业的完美结合。体验不止于视觉呈现，更是传递情感与创造价值的方式于媒介。
+          我们的团队成员来自各大互联网企业、科技企业以及广告、设计传播行业，每位成员都具备多年跨领域的设计与专业制作经验，部分核心团队成员从业10-15年以上。我们坚信，设计是一门综合的艺术，是科学与艺术和商业的完美结合。体验不止于视觉呈现，更是传递情感与创造价值的方式与媒介。
           <br/><br/>
           从用户体验全流程出发，我们注重每一个细节，力求通过设计打破人与产品之间的壁垒，构建自然、流畅且富有情感的交互体验。凭借多元化的能力和丰富的经验，我们能够从不同视角剖析问题，为客户提供定制化且极具前瞻性的体验设计方案，助力产品在市场中脱颖而出，实现商业价值与用户体验的双赢。
           <br/><br/>

src/components/ExampleItem.vue

@@ -119,7 +119,12 @@ export default {
       <div v-for="(item, index) in psginfo.images" :key="index"
            class="imglistitem"
            style="width: 100%; height: auto;">
-        <img :src="`https://cms.yangprivate.site${item.url}`" alt="" />
+        <img :src="`https://cms.yangprivate.site${item.url}`" v-if="item.mime.startsWith('image',0)" alt="" />
+        <video v-else-if="item.mime.startsWith('video',0)" controls="controls">
+          <source :src="`https://cms.yangprivate.site${item.url}`" type="video/mp4">
+          <source :src="`https://cms.yangprivate.site${item.url}`" type="video/ogg">
+          <source :src="`https://cms.yangprivate.site${item.url}`" type="video/webm">
+        </video>
       </div>
     </div>
   </div>
@@ -256,4 +261,9 @@ export default {
   height: auto;
   display: block;
 }
+.imglistitem video{
+  width: 100%;
+  height: auto;
+  display: block;
+}
 </style>