企业视频

pagesB/companyDetail/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <view>
+  <view class="ss-p-b-30">
     <view class="mar p-tb ss-m-x-30">
       <view class="f-horizon">
         <image class="r-avatar" style="width: 80px; height: 80px;" :src="info.logoUrl || 'https://minio.citupro.com/dev/menduner/company-avatar.png'"></image>
@@ -87,7 +87,8 @@
         <view class="ss-m-t-20" v-if="info?.albumList">
           <swiper class="swiper-box" :indicator-dots="true" indicator-active-color="#fff">
             <swiper-item v-for="(item ,index) in info?.albumList" :key="index" style="overflow-x:hidden;overflow-y: auto;">
-              <image class="ac-imgs" :src="item" @click="previewImage(index)"></image>
+              <image v-if="checkIsImage(item)" class="ac-imgs" :src="item" @click="previewImage(index)"></image>
+              <video v-else :id="'albumListVideo'+index" class="ac-imgs" :src="item" @error="videoErrorCallback" controls></video>
             </swiper-item>
           </swiper>
         </view>
@@ -119,6 +120,7 @@ import { timesTampChange } from '@/utils/date'
 import { getJobAdvertisedSearch } from '@/api/position'
 import { getAccessToken } from '@/utils/request'
 import PositionList from '@/components/PositionList'
+import { checkIsImage } from '@/utils'
 
 const current = ref(0)
 const items = ['企业介绍', '招聘职位']
@@ -227,6 +229,12 @@ const changeControl = (e) =>{
   if (current.value === 0) getData()
   else getPositionList()
 }
+const videoErrorCallback = (e) =>{
+  uni.showToast({
+    title: e?.target?.errMsg || '播放错误',
+    icon: 'none'
+  })
+}
 </script>
 
 <style scoped lang="scss">

utils/index.js

@@ -103,4 +103,25 @@ export function sleep(value = 30) {
       resolve();
     }, value);
   });
-}
+}
+
+// 判断是图片还是视频
+export const checkIsImage = (url) => {
+  // var link = new URL(url)
+  // var path = link.pathname
+  var extension = url.split('.').pop().toLowerCase()
+  var imageExtensions = ['jpg', 'jpeg', 'gif', 'png', 'jfif']
+  var videoExtensions = ['mp4', 'wmv', 'avi', 'mov']
+
+  // 图片
+  if (imageExtensions.includes(extension)) {
+    return true
+  }
+
+  // 视频
+  if (videoExtensions.includes(extension)) {
+    return false
+  }
+
+  return null
+}