修改

src/components/newTravelmanager/TravelTripPreview/fivedayList.vue

@@ -3,7 +3,11 @@
     <div class="TC-fiveLeftContent">
       <div class="TC-ImgTop" :id='"boxs_"+DayNum+"_"+0'>
         <template v-if="scenicArray[0].NewImaArray[0].FileType&&scenicArray[0].NewImaArray[0].FileType=='.mp4'">
-          <img :src='scenicArray[0].NewImaArray[0].Url' :id='"bodys_"+DayNum+"_"+0' />
+          <!-- <img :src='scenicArray[0].NewImaArray[0].Url' :id='"bodys_"+DayNum+"_"+0' /> -->
+          <video ref="myVideo" autoplay="autoplay" width="100%" height="100%" controls="controls">
+            <source :src="scenicArray[0].NewImaArray[0].VideoPath" type="video/mp4">
+            <source :src="scenicArray[0].NewImaArray[0].VideoPath" type="video/ogg">
+          </video>
         </template>
         <template v-else>
           <VueDraggableResizable axis="y" :ref='"fiveDay_"+DayNum+"_"+0' tabindex="0" :w="318" :h="525" :resizable='false'
@@ -58,7 +62,11 @@
       <div class="TC-ChildListImg">
         <div class="TC-fiveTopImg" :id='"boxs_"+DayNum+"_"+1'>
           <template v-if="scenicArray[1].NewImaArray[0].FileType&&scenicArray[1].NewImaArray[0].FileType=='.mp4'">
-            <img :src='scenicArray[1].NewImaArray[0].Url' :id='"bodys_"+DayNum+"_"+0' />
+            <video ref="myVideo" autoplay="autoplay" width="100%" height="100%" controls="controls">
+              <source :src="scenicArray[1].NewImaArray[0].VideoPath" type="video/mp4">
+              <source :src="scenicArray[1].NewImaArray[0].VideoPath" type="video/ogg">
+            </video>
+            <!-- <img :src='scenicArray[1].NewImaArray[0].Url' :id='"bodys_"+DayNum+"_"+0' /> -->
           </template>
           <template v-else>
             <VueDraggableResizable axis="y" :ref='"fiveDay_"+DayNum+"_"+1' tabindex="0" :w="323" :h="246"
@@ -113,7 +121,12 @@
       <div class="TC-ChildListImg">
         <div class="TC-fiveTopImg" :id='"boxs_"+DayNum+"_"+2'>
           <template v-if="scenicArray[2].NewImaArray[0].FileType&&scenicArray[2].NewImaArray[0].FileType=='.mp4'">
-            <img :src='scenicArray[2].NewImaArray[0].Url' :id='"bodys_"+DayNum+"_"+0' />
+            <video ref="myVideo" autoplay="autoplay" width="100%" height="100%" controls="controls">
+              <source :src="scenicArray[2].NewImaArray[0].VideoPath" type="video/mp4">
+              <source :src="scenicArray[2].NewImaArray[0].VideoPath" type="video/ogg">
+            </video>
+            <!-- <img :src='scenicArray[2].NewImaArray[0].Url' :id='"bodys_"+DayNum+"_"+0' /> -->
+            
           </template>
           <template v-else>
             <VueDraggableResizable axis="y" :ref='"fiveDay_"+DayNum+"_"+2' tabindex="0" :w="323" :h="246"
@@ -168,7 +181,12 @@
       <div class="TC-ChildListImg">
         <div class="TC-fiveTopImg" :id='"boxs_"+DayNum+"_"+3'>
           <template v-if="scenicArray[3].NewImaArray[0].FileType&&scenicArray[3].NewImaArray[0].FileType=='.mp4'">
-            <img :src='scenicArray[3].NewImaArray[0].Url' :id='"bodys_"+DayNum+"_"+0' />
+            <video ref="myVideo" autoplay="autoplay" width="100%" height="100%" controls="controls">
+              <source :src="scenicArray[3].NewImaArray[0].VideoPath" type="video/mp4">
+              <source :src="scenicArray[3].NewImaArray[0].VideoPath" type="video/ogg">
+            </video>
+            <!-- <img :src='scenicArray[3].NewImaArray[0].Url' :id='"bodys_"+DayNum+"_"+0' /> -->
+            
           </template>
           <template v-else>
             <VueDraggableResizable axis="y" :ref='"fiveDay_"+DayNum+"_"+3' tabindex="0" :w="323" :h="246"
@@ -223,7 +241,11 @@
       <div class="TC-ChildListImg">
         <div class="TC-fiveTopImg" :id='"boxs_"+DayNum+"_"+4'>
           <template v-if="scenicArray[4].NewImaArray[0].FileType&&scenicArray[4].NewImaArray[0].FileType=='.mp4'">
-            <img :src='scenicArray[4].NewImaArray[0].Url' :id='"bodys_"+DayNum+"_"+0' />
+            <video ref="myVideo" autoplay="autoplay" width="100%" height="100%" controls="controls">
+              <source :src="scenicArray[4].NewImaArray[0].VideoPath" type="video/mp4">
+              <source :src="scenicArray[4].NewImaArray[0].VideoPath" type="video/ogg">
+            </video>
+            <!-- <img :src='scenicArray[4].NewImaArray[0].Url' :id='"bodys_"+DayNum+"_"+0' /> -->
           </template>
           <template v-else>
             <VueDraggableResizable axis="y" :ref='"fiveDay_"+DayNum+"_"+4' tabindex="0" :w="323" :h="246"

src/components/newTravelmanager/TravelTripPreview/fourdayList.vue

@@ -28,7 +28,11 @@
     <div class="TC-ScencContent clearfix">
       <div class="TC-OneDayImg" :id='"boxs_"+DayNum+"_"+0'>
         <template v-if="scenicArray[0].NewImaArray[0].FileType&&scenicArray[0].NewImaArray[0].FileType=='.mp4'">
-          <img :src='scenicArray[0].NewImaArray[0].Url' :id='"bodys_"+DayNum+"_"+0' />
+          <video ref="myVideo" autoplay="autoplay" width="100%" height="100%" controls="controls">
+            <source :src="scenicArray[0].NewImaArray[0].VideoPath" type="video/mp4">
+            <source :src="scenicArray[0].NewImaArray[0].VideoPath" type="video/ogg">
+          </video>
+          <!-- <img :src='scenicArray[0].NewImaArray[0].Url' :id='"bodys_"+DayNum+"_"+0' /> -->
         </template>
         <template v-else>
           <VueDraggableResizable axis="y" :ref='"fourDay_"+DayNum+"_"+0' tabindex="0" :w="660" :h="449" :resizable='false'
@@ -83,7 +87,11 @@
       <div class="TC-fourChildContent">
         <div class="image" :id='"boxs_"+DayNum+"_"+1'>
           <template v-if="scenicArray[1].NewImaArray[0].FileType&&scenicArray[1].NewImaArray[0].FileType=='.mp4'">
-            <img :src='scenicArray[1].NewImaArray[0].Url' :id='"bodys_"+DayNum+"_"+0' />
+            <video ref="myVideo" autoplay="autoplay" width="100%" height="100%" controls="controls">
+              <source :src="scenicArray[1].NewImaArray[0].VideoPath" type="video/mp4">
+              <source :src="scenicArray[1].NewImaArray[0].VideoPath" type="video/ogg">
+            </video>
+            <!-- <img :src='scenicArray[1].NewImaArray[0].Url' :id='"bodys_"+DayNum+"_"+0' /> -->
           </template>
           <template v-else>
             <VueDraggableResizable axis="y" :ref='"fourDay_"+DayNum+"_"+1' tabindex="0" :w="321" :h="246"
@@ -138,7 +146,11 @@
       <div class="TC-fourChildContent">
         <div class="image" :id='"boxs_"+DayNum+"_"+2'>
           <template v-if="scenicArray[2].NewImaArray[0].FileType&&scenicArray[2].NewImaArray[0].FileType=='.mp4'">
-            <img :src='scenicArray[2].NewImaArray[0].Url' :id='"bodys_"+DayNum+"_"+0' />
+            <video ref="myVideo" autoplay="autoplay" width="100%" height="100%" controls="controls">
+              <source :src="scenicArray[2].NewImaArray[0].VideoPath" type="video/mp4">
+              <source :src="scenicArray[2].NewImaArray[0].VideoPath" type="video/ogg">
+            </video>
+            <!-- <img :src='scenicArray[2].NewImaArray[0].Url' :id='"bodys_"+DayNum+"_"+0' /> -->
           </template>
           <template v-else>
             <VueDraggableResizable axis="y" :ref='"fourDay_"+DayNum+"_"+2' tabindex="0" :w="321" :h="246"
@@ -193,7 +205,11 @@
       <div class="TC-fourChildContent">
         <div class="image" :id='"boxs_"+DayNum+"_"+3'>
           <template v-if="scenicArray[3].NewImaArray[0].FileType&&scenicArray[3].NewImaArray[0].FileType=='.mp4'">
-            <img :src='scenicArray[3].NewImaArray[0].Url' :id='"bodys_"+DayNum+"_"+0' />
+            <video ref="myVideo" autoplay="autoplay" width="100%" height="100%" controls="controls">
+              <source :src="scenicArray[3].NewImaArray[0].VideoPath" type="video/mp4">
+              <source :src="scenicArray[3].NewImaArray[0].VideoPath" type="video/ogg">
+            </video>
+            <!-- <img :src='scenicArray[3].NewImaArray[0].Url' :id='"bodys_"+DayNum+"_"+0' /> -->
           </template>
           <template v-else>
             <VueDraggableResizable axis="y" :ref='"fourDay_"+DayNum+"_"+3' tabindex="0" :w="321" :h="246"

src/components/newTravelmanager/TravelTripPreview/onedayList.vue

@@ -32,7 +32,11 @@
   <div class="TC-ScencContent">
     <div class="TC-OneDayImg" :id='"boxs_"+DayNum+"_"+0'>
       <template v-if="scenicArray[0].NewImaArray[0].FileType&&scenicArray[0].NewImaArray[0].FileType=='.mp4'">
-        <img :src='scenicArray[0].NewImaArray[0].Url' :id='"bodys_"+DayNum+"_"+0' />
+        <video ref="myVideo" autoplay="autoplay" width="100%" height="100%" controls="controls">
+          <source :src="scenicArray[0].NewImaArray[0].VideoPath" type="video/mp4">
+          <source :src="scenicArray[0].NewImaArray[0].VideoPath" type="video/ogg">
+        </video>
+        <!-- <img :src='scenicArray[0].NewImaArray[0].Url' :id='"bodys_"+DayNum+"_"+0' /> -->
       </template>
       <template v-else>
         <VueDraggableResizable axis="y" :ref='"oneDay_"+DayNum+"_"+0' tabindex="0" :w="660" :h="449" :resizable='false'

src/components/newTravelmanager/TravelTripPreview/threedayList.vue

@@ -27,7 +27,11 @@
     <div class="TC-ScencContent clearfix">
       <div class="TC-threeOneImg" :id='"boxs_"+DayNum+"_"+0'>
         <template v-if="scenicArray[0].NewImaArray[0].FileType&&scenicArray[0].NewImaArray[0].FileType=='.mp4'">
-          <img :src='scenicArray[0].NewImaArray[0].Url' :id='"bodys_"+DayNum+"_"+0' />
+          <video ref="myVideo" autoplay="autoplay" width="100%" height="100%" controls="controls">
+            <source :src="scenicArray[0].NewImaArray[0].VideoPath" type="video/mp4">
+            <source :src="scenicArray[0].NewImaArray[0].VideoPath" type="video/ogg">
+          </video>
+          <!-- <img :src='scenicArray[0].NewImaArray[0].Url' :id='"bodys_"+DayNum+"_"+0' /> -->
         </template>
         <template v-else>
           <VueDraggableResizable axis="y" :ref='"threeDay_"+DayNum+"_"+0' tabindex="0" :w="660" :h="449"
@@ -109,7 +113,11 @@
       </div>
       <div class="TC-ThreeDetail" :id='"boxs_"+DayNum+"_"+1'>
         <template v-if="scenicArray[1].NewImaArray[0].FileType&&scenicArray[1].NewImaArray[0].FileType=='.mp4'">
-          <img :src='scenicArray[1].NewImaArray[0].Url' :id='"bodys_"+DayNum+"_"+0' />
+          <video ref="myVideo" autoplay="autoplay" width="100%" height="100%" controls="controls">
+            <source :src="scenicArray[1].NewImaArray[0].VideoPath" type="video/mp4">
+            <source :src="scenicArray[1].NewImaArray[0].VideoPath" type="video/ogg">
+          </video>
+          <!-- <img :src='scenicArray[1].NewImaArray[0].Url' :id='"bodys_"+DayNum+"_"+0' /> -->
         </template>
         <template v-else>
           <VueDraggableResizable axis="y" :ref='"threeDay_"+DayNum+"_"+1' tabindex="0" :w="665" :resizable='false'
@@ -138,7 +146,11 @@
     <div class="clearfix TC-midContent">
       <div class="TC-ThreeDetail" :id='"boxs_"+DayNum+"_"+2'>
         <template v-if="scenicArray[2].NewImaArray[0].FileType&&scenicArray[2].NewImaArray[0].FileType=='.mp4'">
-          <img :src='scenicArray[2].NewImaArray[0].Url' :id='"bodys_"+DayNum+"_"+0' />
+          <video ref="myVideo" autoplay="autoplay" width="100%" height="100%" controls="controls">
+            <source :src="scenicArray[2].NewImaArray[0].VideoPath" type="video/mp4">
+            <source :src="scenicArray[2].NewImaArray[0].VideoPath" type="video/ogg">
+          </video>
+          <!-- <img :src='scenicArray[2].NewImaArray[0].Url' :id='"bodys_"+DayNum+"_"+0' /> -->
         </template>
         <template v-else>
           <VueDraggableResizable axis="y" :ref='"threeDay_"+DayNum+"_"+2' tabindex="0" :w="665" :resizable='false'

src/components/newTravelmanager/TravelTripPreview/twodayList.vue

@@ -10,7 +10,11 @@
     <div class="TC-twoCombox">
       <div class="TC-twoimage" :id='"boxs_"+DayNum+"_"+0'>
         <template v-if="scenicArray[0].NewImaArray[0].FileType&&scenicArray[0].NewImaArray[0].FileType=='.mp4'">
-          <img :src='scenicArray[0].NewImaArray[0].Url' :id='"bodys_"+DayNum+"_"+0' />
+          <video ref="myVideo" autoplay="autoplay" width="100%" height="100%" controls="controls">
+            <source :src="scenicArray[0].NewImaArray[0].VideoPath" type="video/mp4">
+            <source :src="scenicArray[0].NewImaArray[0].VideoPath" type="video/ogg">
+          </video>
+          <!-- <img :src='scenicArray[0].NewImaArray[0].Url' :id='"bodys_"+DayNum+"_"+0' /> -->
         </template>
         <template v-else>
           <VueDraggableResizable axis="y" :ref='"twoDay_"+DayNum+"_"+0' tabindex="0" :w="486" :resizable='false'
@@ -65,7 +69,11 @@
     <div class="TC-twoCombox">
       <div class="TC-twoimage" :id='"boxs_"+DayNum+"_"+1'>
         <template v-if="scenicArray[1].NewImaArray[0].FileType&&scenicArray[1].NewImaArray[0].FileType=='.mp4'">
-          <img :src='scenicArray[1].NewImaArray[0].Url' :id='"bodys_"+DayNum+"_"+0' />
+          <video ref="myVideo" autoplay="autoplay" width="100%" height="100%" controls="controls">
+            <source :src="scenicArray[1].NewImaArray[0].VideoPath" type="video/mp4">
+            <source :src="scenicArray[1].NewImaArray[0].VideoPath" type="video/ogg">
+          </video>
+          <!-- <img :src='scenicArray[1].NewImaArray[0].Url' :id='"bodys_"+DayNum+"_"+0' /> -->
         </template>
         <template v-else>
           <VueDraggableResizable axis="y" :ref='"twoDay_"+DayNum+"_"+1' tabindex="0" :w="486" :resizable='false'