From ee348d9d0626027b4b19cbdd401055d3a349c6c7 Mon Sep 17 00:00:00 2001
From: zyronon <zyronon@163.com>
Date: Sat, 18 Sep 2021 19:50:57 +0800
Subject: [PATCH] =?UTF-8?q?=E7=A7=BB=E9=99=A4=E6=89=80=E6=9C=89=E6=9C=AC?=
 =?UTF-8?q?=E5=9C=B0=E8=A7=86=E9=A2=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Other.vue              |   2 +-
 src/pages/Test2.vue                   |   4 +-
 src/pages/home/Index 布局完成.vue | 595 --------------------------
 src/pages/home/Index2.vue             |  31 +-
 src/pages/me/VideoDetail.vue          |  15 +-
 src/pages/me/我的动态.vue         |   2 +-
 src/pages/people/Scan.vue             |   2 +-
 7 files changed, 19 insertions(+), 632 deletions(-)
 delete mode 100644 src/pages/home/Index 布局完成.vue

diff --git a/src/components/Other.vue b/src/components/Other.vue
index b42d5e9..6123e05 100644
--- a/src/components/Other.vue
+++ b/src/components/Other.vue
@@ -79,7 +79,7 @@
       </div>
       <div class="content oh">
         <div class="video-container" v-for="item of videos" v-bind:style="{'height':width/3*1.2+'px'}">
-          <video src="../assets/video/1.mp4" poster="../assets/img/poster/src1-bg.png"></video>
+          <video src="http://qy9rc9xff.hn-bkt.clouddn.com/0.mp4" poster="../assets/img/poster/src1-bg.png"></video>
           <div class="love">
             <img src="../assets/img/icon/love.svg" alt="">
             <span class="ml5p">72.3w</span>
diff --git a/src/pages/Test2.vue b/src/pages/Test2.vue
index a6430b0..91d55dd 100644
--- a/src/pages/Test2.vue
+++ b/src/pages/Test2.vue
@@ -9,8 +9,6 @@
 </template>
 <script>
 
-import mp40 from "../assets/video/1.mp4";
-
 export default {
   name: "Test",
   props: {},
@@ -22,7 +20,7 @@ export default {
         "cover": "https://p11.douyinpic.com/img/tos-cn-p-0015/48e513ae1df94a6cb0e23eabdacfdb64~c5_300x400.webp?from=4257465056_large",
         "dynamic_cover": "https://p3.douyinpic.com/obj/tos-cn-p-0015/80e3288d63094603beaaf2f0e1568e19_1577426215?from=4257465056_large",
         "origin_cover": "https://p3.douyinpic.com/tos-cn-p-0015/be6a2e67b69646778749e932c6d456b6_1577426215~tplv-dy-360p.webp?from=4257465056&s=&se=false&sh=&sc=&l=202108311459040102120742003404DFC4&biz_tag=feed_cover",
-        video: mp40,
+        video:  'http://qy9rc9xff.hn-bkt.clouddn.com/0.mp4',
         "video_data_size": 26829508,
         "duration": 427780,
         "desc": "几人到深山探险，发现里面一只动物昆虫都没有，知道原因后都怕了 #看电影",
diff --git a/src/pages/home/Index 布局完成.vue b/src/pages/home/Index 布局完成.vue
deleted file mode 100644
index 836bf88..0000000
--- a/src/pages/home/Index 布局完成.vue	
+++ /dev/null
@@ -1,595 +0,0 @@
-<template>
-  <div id="home-index">
-    <SlideList key1="父" style="width: 100vw;">
-      <SlideItem style="font-size: 40px;">
-        <SlideList key1="父" style="width: 100vw;">
-          <SlideItem style="font-size: 40px;overflow:auto;">
-            <div>
-              <p>同城页</p>
-              <p>同城页</p>
-              <p>同城页</p>
-              <p>同城页</p>
-              <p>同城页</p>
-              <p>同城页</p>
-              <p>同城页</p>
-              <p>同城页</p>
-              <p>同城页</p>
-              <p>同城页</p>
-              <p>同城页</p>
-              <p>同城页</p>
-              <p>同城页</p>
-              <p>同城页</p>
-              <p>同城页</p>
-              <p>同城页</p>
-              <p>同城页</p>
-              <p>同城页</p>
-              <p>同城页</p>
-              <p>同城页</p>
-              <p>同城页</p>
-              <p>同城页</p>
-              <p>同城页</p>
-              <p>同城页</p>
-              <p>同城页</p>
-              <p>同城页</p>
-              <p>同城页</p>
-              <p>同城页</p>
-              <p>同城页</p>
-              <p>同城页</p>
-              <p>同城页</p>
-              <p>同城页</p>
-              <p>同城页</p>
-              <p>同城页</p>
-            </div>
-
-          </SlideItem>
-          <SlideItem style="font-size: 40px">
-            <SlideList key1="子" direction="column">
-              <SlideItem style="background: white">
-                <p>111111111111</p>
-                <p>111111111111</p>
-                <p>111111111111</p>
-                <p>111111111111</p>
-                <p>111111111111</p>
-                <p>111111111111</p>
-                <p>111111111111</p>
-                <p>111111111111</p>
-                <p>111111111111</p>
-                <p>111111111111</p>
-                <p>111111111111</p>
-                <p>111111111111</p>
-                <p>111111111111</p>
-                <p>111111111111</p>
-                <p>111111111111</p>
-                <p>111111111111</p>
-                <p>111111111111</p>
-                <p>111111111111</p>
-                <p>111111111111</p>
-                <p>111111111111</p>
-                <p>111111111111</p>
-                <p>111111111111</p>
-                <p>111111111111</p>
-              </SlideItem>
-              <SlideItem style="background: red;">
-                <p>222222222222</p>
-                <p>222222222222</p>
-                <p>222222222222</p>
-                <p>222222222222</p>
-                <p>222222222222</p>
-                <p>222222222222</p>
-                <p>222222222222</p>
-                <p>222222222222</p>
-                <p>222222222222</p>
-                <p>222222222222</p>
-                <p>222222222222</p>
-                <p>222222222222</p>
-                <p>222222222222</p>
-                <p>222222222222</p>
-                <p>222222222222</p>
-                <p>222222222222</p>
-                <p>222222222222</p>
-                <p>222222222222</p>
-                <p>222222222222</p>
-                <p>222222222222</p>
-                <p>222222222222</p>
-                <p>222222222222</p>
-                <p>222222222222</p>
-                <p>222222222222</p>
-                <p>222222222222</p>
-              </SlideItem>
-              <SlideItem style="background: yellow">
-                <p>3333333333333</p>
-                <p>3333333333333</p>
-                <p>3333333333333</p>
-                <p>3333333333333</p>
-                <p>3333333333333</p>
-                <p>3333333333333</p>
-                <p>3333333333333</p>
-                <p>3333333333333</p>
-                <p>3333333333333</p>
-                <p>3333333333333</p>
-                <p>3333333333333</p>
-                <p>3333333333333</p>
-                <p>3333333333333</p>
-                <p>3333333333333</p>
-                <p>3333333333333</p>
-                <p>3333333333333</p>
-                <p>3333333333333</p>
-                <p>3333333333333</p>
-                <p>3333333333333</p>
-                <p>3333333333333</p>
-                <p>3333333333333</p>
-                <p>3333333333333</p>
-                <p>3333333333333</p>
-              </SlideItem>
-            </SlideList>
-          </SlideItem>
-          <SlideItem style="font-size: 40px">
-            <SlideList key1="子" direction="column" @slide="slide">
-              <SlideItem style="background: white">
-                <p>111111111111</p>
-                <p>111111111111</p>
-                <p>111111111111</p>
-                <p>111111111111</p>
-                <p>111111111111</p>
-                <p>111111111111</p>
-                <p>111111111111</p>
-                <p>111111111111</p>
-                <p>111111111111</p>
-                <p>111111111111</p>
-                <p>111111111111</p>
-                <p>111111111111</p>
-                <p>111111111111</p>
-                <p>111111111111</p>
-                <p>111111111111</p>
-                <p>111111111111</p>
-                <p>111111111111</p>
-                <p>111111111111</p>
-                <p>111111111111</p>
-                <p>111111111111</p>
-                <p>111111111111</p>
-                <p>111111111111</p>
-                <p>111111111111</p>
-              </SlideItem>
-              <SlideItem style="background: red;">
-                <p>222222222222</p>
-                <p>222222222222</p>
-                <p>222222222222</p>
-                <p>222222222222</p>
-                <p>222222222222</p>
-                <p>222222222222</p>
-                <p>222222222222</p>
-                <p>222222222222</p>
-                <p>222222222222</p>
-                <p>222222222222</p>
-                <p>222222222222</p>
-                <p>222222222222</p>
-                <p>222222222222</p>
-                <p>222222222222</p>
-                <p>222222222222</p>
-                <p>222222222222</p>
-                <p>222222222222</p>
-                <p>222222222222</p>
-                <p>222222222222</p>
-                <p>222222222222</p>
-                <p>222222222222</p>
-                <p>222222222222</p>
-                <p>222222222222</p>
-                <p>222222222222</p>
-                <p>222222222222</p>
-              </SlideItem>
-              <SlideItem style="background: yellow">
-                <p>3333333333333</p>
-                <p>3333333333333</p>
-                <p>3333333333333</p>
-                <p>3333333333333</p>
-                <p>3333333333333</p>
-                <p>3333333333333</p>
-                <p>3333333333333</p>
-                <p>3333333333333</p>
-                <p>3333333333333</p>
-                <p>3333333333333</p>
-                <p>3333333333333</p>
-                <p>3333333333333</p>
-                <p>3333333333333</p>
-                <p>3333333333333</p>
-                <p>3333333333333</p>
-                <p>3333333333333</p>
-                <p>3333333333333</p>
-                <p>3333333333333</p>
-                <p>3333333333333</p>
-                <p>3333333333333</p>
-                <p>3333333333333</p>
-                <p>3333333333333</p>
-                <p>3333333333333</p>
-              </SlideItem>
-            </SlideList>
-          </SlideItem>
-        </SlideList>
-      </SlideItem>
-      <SlideItem style="font-size: 40px;overflow:auto;">
-        <div>
-          <p>详情页</p>
-          <p>详情页</p>
-          <p>详情页</p>
-          <p>详情页</p>
-          <p>详情页</p>
-          <p>详情页</p>
-          <p>详情页</p>
-          <p>详情页</p>
-          <p>详情页</p>
-          <p>详情页</p>
-          <p>详情页</p>
-          <p>详情页</p>
-          <p>详情页</p>
-          <p>详情页</p>
-          <p>详情页</p>
-          <p>详情页</p>
-          <p>详情页</p>
-          <p>详情页</p>
-          <p>详情页</p>
-          <p>详情页</p>
-          <p>详情页</p>
-          <p>详情页</p>
-          <p>详情页</p>
-          <p>详情页</p>
-          <p>详情页</p>
-          <p>详情页</p>
-          <p>详情页</p>
-          <p>详情页</p>
-          <p>详情页</p>
-          <p>详情页</p>
-          <p>详情页</p>
-          <p>详情页</p>
-          <p>详情页</p>
-          <p>详情页</p>
-          <p>详情页</p>
-          <p>详情页</p>
-          <p>详情页</p>
-          <p>详情页</p>
-          <p>详情页</p>
-          <p>详情页</p>
-        </div>
-      </SlideItem>
-    </SlideList>
-  </div>
-</template>
-
-<script>
-import Comment from '../../components/Comment.vue'
-import Other from '../../components/Other.vue'
-import Share from '../../components/Share.vue'
-import Footer from "../../components/Footer.vue"
-import mp1 from '../../assets/video/1.mp4'
-import src1Bg from '../../assets/img/poster/src1-bg.png'
-import SlideItem from './SlideItem.vue'
-import SlideList from './SlideList.vue'
-
-export default {
-  name: "HomeIndex",
-  components: {Footer, Comment, Share, Other, SlideList, SlideItem},
-  data() {
-    return {
-      data: [
-        {
-          videoUrl: mp1,
-          // videoUrl: 'http://babylife.qiniudn.com/FtRVyPQHHocjVYjeJSrcwDkApTLQ',
-          videoPoster: src1Bg,
-          isLoved: false,
-          loves: 1234,
-          comments: 666,
-          shared: 999
-        },
-        {
-          videoUrl: mp1,
-          // videoUrl: 'http://babylife.qiniudn.com/FtRVyPQHHocjVYjeJSrcwDkApTLQ',
-          videoPoster: src1Bg,
-          isLoved: false,
-          loves: 1234,
-          comments: 666,
-          shared: 999
-        },
-        {
-          videoUrl: mp1,
-          // videoUrl: 'http://babylife.qiniudn.com/FtRVyPQHHocjVYjeJSrcwDkApTLQ',
-          videoPoster: src1Bg,
-          isLoved: false,
-          loves: 1234,
-          comments: 666,
-          shared: 999
-        },
-      ],
-      height: 0,
-      width: 0,
-      startLocationY: 0,
-      startLocationX: 0,
-
-      lastLocationY: 0,
-      lastLocationX: 0,
-
-      moveXDistance: 0,
-      moveYDistance: 0,
-
-      judgeValue: 10,
-
-      startTime: 0,
-      currentIndex: 0,
-      currentSwiperItemIndex: 0,
-      isDrawDown: false,
-      isDrawRight: false,
-
-      isCanDownWiping: false,
-      isCanRightWiping: false,
-      isNeedCheck: true,
-
-      isPlaying: true,
-      isCommenting: false,
-      isSharing: false,
-
-      wrapperLeft: 0,
-      contentListTop: 0,
-
-      commentHeight: 0,
-      shareHeight: 0,
-    }
-  },
-  mounted() {
-    // this.height = document.body.clientHeight
-    // this.width = document.body.clientWidth
-  },
-  methods: {
-    slide(){
-      console.log('slide')
-    },
-    goMusic() {
-      this.$router.push('/music')
-    },
-    checkDirection() {
-      if (!this.isNeedCheck) {
-        return
-      }
-      if (Math.abs(this.moveXDistance) > this.judgeValue || Math.abs(this.moveYDistance) > this.judgeValue) {
-        //X 除以 Y
-        let angle = (Math.abs(this.moveXDistance) * 10) / (Math.abs(this.moveYDistance) * 10)
-        if (angle > 0.7 && angle < 1.3) {
-          this.isNeedCheck = false
-          return
-        }
-
-        // console.log('x------------', moveXDistance)
-        // console.log('y------------', lastMoveYDistance)
-        // console.log('角度------------', angle)
-
-        if (angle < 0.6) {
-          //上下划
-          this.isCanDownWiping = true
-          this.isCanRightWiping = false
-          this.isNeedCheck = false
-          return
-        }
-        if (angle > 5) {
-          //左右划
-          this.isCanDownWiping = false
-          this.isCanRightWiping = true
-          this.isNeedCheck = false
-        }
-      }
-    },
-    resetConfig() {
-      this.isCanDownWiping = false
-      this.isCanRightWiping = false
-      this.isNeedCheck = true
-      this.moveXDistance = 0
-      this.moveYDistance = 0
-    },
-    wrapperTouchstart(e) {
-      if (this.isSharing || this.isCommenting) {
-        // this.isNeedCheck = this.isCommenting = this.isSharing = false
-        this.isNeedCheck = false
-        return
-      }
-
-      this.startLocationX = e.touches[0].pageX
-      this.startTime = Date.now()
-    },
-    wrapperTouchmove(e) {
-      this.lastLocationX = e.touches[0].pageX
-      this.moveXDistance = this.lastLocationX - this.startLocationX
-      this.isDrawRight = this.moveXDistance < 0
-      this.checkDirection()
-      if (this.isCanRightWiping) {
-        if (this.isDrawRight) {
-          this.wrapperLeft = -this.currentSwiperItemIndex * this.width + this.moveXDistance + this.judgeValue + 'px'
-        } else {
-          this.wrapperLeft = -this.currentSwiperItemIndex * this.width + this.moveXDistance - this.judgeValue + 'px'
-        }
-      }
-    },
-    wrapperTouchend(e) {
-      if (!this.isCanRightWiping) {
-        this.isNeedCheck = true
-        return
-      }
-      let endTime = Date.now()
-      let gapTime = endTime - this.startTime
-
-      if (Math.abs(this.moveXDistance) < 20) {
-        gapTime = 1000
-      }
-      if (Math.abs(this.moveXDistance) > (this.width / 3)) {
-        gapTime = 100
-      }
-      if (gapTime < 150) {
-        if (this.isDrawRight) {
-          // console.log('往左划');
-          if (this.currentSwiperItemIndex === 2 - 1) {
-            return this.wrapperLeft = -this.width + 'px'
-          }
-          this.wrapperLeft = -(this.currentSwiperItemIndex + 1) * this.width + 'px'
-          this.currentSwiperItemIndex += 1
-        } else {
-          // console.log('往右划');
-          if (this.currentSwiperItemIndex === 0) {
-            return this.wrapperLeft = 0 + 'px'
-          }
-          this.wrapperLeft = -(this.currentSwiperItemIndex - 1) * this.width + 'px'
-          this.currentSwiperItemIndex -= 1
-        }
-      } else {
-        this.wrapperLeft = -(this.currentSwiperItemIndex) * this.width + 'px'
-      }
-
-      //暂停播放视频
-      let videos = this.$refs.video
-      if (this.currentSwiperItemIndex === 0) {
-        videos[this.currentIndex].play()
-      } else {
-        videos[this.currentIndex].pause()
-      }
-
-      this.resetConfig()
-    },
-    contentItemTouchstart(e, index) {
-      // this.currentIndex = index
-      this.startLocationY = e.touches[0].pageY
-      this.startTime = Date.now()
-    },
-    contentItemTouchmove(e) {
-      this.lastLocationY = e.touches[0].pageY
-
-      this.moveYDistance = this.lastLocationY - this.startLocationY
-      this.isDrawDown = this.moveYDistance < 0
-
-      this.checkDirection()
-      if (this.isCanDownWiping) {
-        if (this.isDrawDown) {
-          this.contentListTop = -this.currentIndex * this.height + this.moveYDistance + this.judgeValue + 'px'
-          // contentList.css({top: -(currentIndex + 0) * height + lastMoveYDistance + judgeValue})
-        } else {
-          this.contentListTop = -this.currentIndex * this.height + this.moveYDistance - this.judgeValue + 'px'
-          // contentList.css({top: -(currentIndex + 0) * height + lastMoveYDistance - judgeValue})
-        }
-      }
-    },
-    contentItemTouchend(e, index) {
-      this.currentIndex = index
-
-      if (!this.isCanDownWiping) {
-        this.isNeedCheck = true
-        return
-      }
-      let endTime = Date.now()
-      let gapTime = endTime - this.startTime
-
-      // 如果
-      if (Math.abs(this.moveYDistance) < 20) {
-        gapTime = 1000
-      }
-      if (Math.abs(this.moveYDistance) > (this.width / 3)) {
-        gapTime = 100
-      }
-      if (gapTime < 150) {
-        if (this.isDrawDown) {
-          console.log('往下划')
-          if (this.data.length < this.currentIndex + 4) {
-            this.loadNewVideo()
-          }
-          this.contentListTop = -(this.currentIndex + 1) * this.height + 'px'
-          this.currentIndex += 1
-        } else {
-          console.log('往上划')
-          if (this.currentIndex === 0) {
-            return this.contentListTop = 0
-          }
-          this.contentListTop = -(this.currentIndex - 1) * this.height + 'px'
-          this.currentIndex -= 1
-        }
-        this.swipingVideo()
-      } else {
-        this.contentListTop = -this.currentIndex * this.height + 'px'
-      }
-
-      this.resetConfig()
-    },
-    //加载新的视频
-    loadNewVideo() {
-      this.data.push({
-        videoUrl: mp1,
-        // videoUrl: 'http://babylife.qiniudn.com/FtRVyPQHHocjVYjeJSrcwDkApTLQ',
-        videoPoster: src1Bg,
-        isLoved: false,
-        loves: 1234,
-        comments: 666,
-        shared: 999
-      },)
-    },
-
-    //划动到下一个视频
-    swipingVideo() {
-      let videos = this.$refs.video
-      if (this.currentIndex) {
-        videos[this.currentIndex - 1].pause()
-      }
-      videos[this.currentIndex].play()
-      videos[this.currentIndex].muted = false
-      videos[this.currentIndex + 1].pause()
-
-
-      this.isCommenting = false
-      this.isSharing = false
-      this.isPlaying = true
-    },
-    //切换视频状态
-    togglePlayVideo(e) {
-      if (this.isSharing) {
-        this.isSharing = false
-        return
-      }
-      if (this.isCommenting) {
-        this.isCommenting = false
-        return
-      }
-      let el = e.target
-      let video = ''
-      if (el.nodeName == 'IMG') {
-        video = el.parentNode.previousSibling
-      } else {
-        video = el.previousSibling
-      }
-      if (video.paused) {
-        video.play()
-      } else {
-        video.pause()
-      }
-      this.isPlaying = !video.paused
-    },
-    //展示评论
-    showComment() {
-      this.isCommenting = !this.isCommenting
-    },
-    showShare() {
-      this.isSharing = !this.isSharing
-    },
-    loved(e, index) {
-      this.data[index].isLoved = !this.data[index].isLoved
-    },
-    //前往用户中心
-    goUserInfo(item) {
-      this.wrapperLeft = '-100%'
-    },
-    //返回视频列表
-    backVideoList() {
-      this.wrapperLeft = '0'
-    }
-  },
-  created() {
-
-  },
-
-}
-</script>
-<style scoped lang="less">
-#home-index {
-  height: 100%;
-  width: 100%;
-}
-</style>
\ No newline at end of file
diff --git a/src/pages/home/Index2.vue b/src/pages/home/Index2.vue
index 0750f1f..63793b7 100644
--- a/src/pages/home/Index2.vue
+++ b/src/pages/home/Index2.vue
@@ -175,17 +175,6 @@
 </template>
 <script>
 import Video1 from "../../components/Video.vue";
-import mp40 from "../../assets/video/0.mp4";
-import mp41 from "../../assets/video/1.mp4";
-import mp42 from "../../assets/video/2.mp4";
-import mp43 from "../../assets/video/3.mp4";
-import mp44 from "../../assets/video/4.mp4";
-import mp45 from "../../assets/video/5.mp4";
-import mp46 from "../../assets/video/6.mp4";
-import mp47 from "../../assets/video/7.mp4";
-import mp48 from "../../assets/video/8.mp4";
-import mp49 from "../../assets/video/9.mp4";
-import mp410 from "../../assets/video/10.mp4";
 import Comment from "../../components/Comment";
 import Share from "../../components/Share";
 import SlideColumnList from "../../components/slide/SlideColumnList";
@@ -233,7 +222,7 @@ export default {
           "cover": "https://p11.douyinpic.com/img/tos-cn-p-0015/48e513ae1df94a6cb0e23eabdacfdb64~c5_300x400.webp?from=4257465056_large",
           "dynamic_cover": "https://p3.douyinpic.com/obj/tos-cn-p-0015/80e3288d63094603beaaf2f0e1568e19_1577426215?from=4257465056_large",
           "origin_cover": "https://p3.douyinpic.com/tos-cn-p-0015/be6a2e67b69646778749e932c6d456b6_1577426215~tplv-dy-360p.webp?from=4257465056&s=&se=false&sh=&sc=&l=202108311459040102120742003404DFC4&biz_tag=feed_cover",
-          video: mp40,
+          video: 'http://qy9rc9xff.hn-bkt.clouddn.com/0.mp4',
           "video_data_size": 26829508,
           "duration": 427780,
           "desc": "几人到深山探险，发现里面一只动物昆虫都没有，知道原因后都怕了 #看电影",
@@ -305,7 +294,7 @@ export default {
           "cover": "https://p3.douyinpic.com/img/tos-cn-p-0015/9208072278a34d01b3836cce1e0fca9a~c5_300x400.jpeg?from=4257465056_large",
           "dynamic_cover": "https://p9.douyinpic.com/obj/tos-cn-p-0015/9208072278a34d01b3836cce1e0fca9a?from=4257465056_large",
           "origin_cover": "https://p3.douyinpic.com/tos-cn-p-0015/9ecfae1dda2141d19f3e2396d18c4f52_1610439608~tplv-dy-360p.jpeg?from=4257465056&s=&se=false&sh=&sc=&l=202108311440160102120461454502506A&biz_tag=feed_cover",
-          video: mp41,
+          video: 'http://qy9rc9xff.hn-bkt.clouddn.com/1.mp4',
           "video_data_size": 6038796,
           "duration": 90927,
           "desc": "几分钟看科幻片《寄生异种》 #我的观影报告  #抖音电影",
@@ -384,7 +373,7 @@ export default {
           "cover": "https://p11.douyinpic.com/img/tos-cn-p-0015/3d6a0342b7f247ed999a13bd566b360e~c5_300x400.jpeg?from=4257465056_large",
           "dynamic_cover": "https://p26.douyinpic.com/obj/tos-cn-p-0015/3d6a0342b7f247ed999a13bd566b360e?from=4257465056_large",
           "origin_cover": "https://p5-ipv6.douyinpic.com/tos-cn-p-0015/48891e08b43e47e2a3af9f3945cf941f_1607739586~tplv-dy-360p.jpeg?from=4257465056&s=&se=false&sh=&sc=&l=202108311440220102120691615D029CD1&biz_tag=feed_cover",
-          video: mp42,
+          video: 'http://qy9rc9xff.hn-bkt.clouddn.com/2.mp4',
           "video_data_size": 8996120,
           "duration": 118703,
           "desc": "美女失去记忆，被囚禁在密室内，没想到逃出去后才是她噩梦的开始 #我的观影报告",
@@ -456,7 +445,7 @@ export default {
           "cover": "https://p11.douyinpic.com/img/tos-cn-p-0015/c3bbe172b24844eb8e576a1897e04435~c5_300x400.webp?from=4257465056_large",
           "dynamic_cover": "https://p11.douyinpic.com/obj/tos-cn-p-0015/12fc583b6eaa49b4a0086664c8f54a5d?from=4257465056_large",
           "origin_cover": "https://p26.douyinpic.com/tos-cn-p-0015/e7db9fba822c4d81b4ec4614f5c60cae~tplv-dy-360p.webp?from=4257465056&s=&se=false&sh=&sc=&l=202108311459170102040221632C04B06F&biz_tag=feed_cover",
-          video: mp43,
+          video: 'http://qy9rc9xff.hn-bkt.clouddn.com/3.mp4',
           "video_data_size": 37824020,
           "duration": 312474,
           "desc": "夫妇二人来到一个诡异小镇，看到一个孩子的手，被吓到了 #看电影 ",
@@ -528,7 +517,7 @@ export default {
           "cover": "https://p29.douyinpic.com/img/tos-cn-p-0015/1ce2018b919d49cfbdc380e9b7bc17ce~c5_300x400.jpeg?from=4257465056_large",
           "dynamic_cover": "https://p11.douyinpic.com/obj/tos-cn-p-0015/1ce2018b919d49cfbdc380e9b7bc17ce?from=4257465056_large",
           "origin_cover": "https://p5-ipv6.douyinpic.com/tos-cn-p-0015/697621dc8ff247aba499fdaedcf172fb_1606272887~tplv-dy-360p.jpeg?from=4257465056&s=&se=false&sh=&sc=&l=2021083114402801021219919632028316&biz_tag=feed_cover",
-          video: mp44,
+          video: 'http://qy9rc9xff.hn-bkt.clouddn.com/4.mp4',
           "video_data_size": 12371092,
           "duration": 139652,
           "desc": "茂密森林中却没有一个动物或昆虫，专家进去研究，被吓得转身就跑 #我的观影报告",
@@ -600,7 +589,7 @@ export default {
           "cover": "https://p3.douyinpic.com/img/tos-cn-p-0015/3099e1f9facb4f11a8d07221b39b9ffb_1575186937~c5_300x400.webp?from=4257465056_large",
           "dynamic_cover": "https://p11.douyinpic.com/obj/tos-cn-p-0015/f80ce3457bf34f66be9254df9544f9d8_1575186867?from=4257465056_large",
           "origin_cover": "https://p11.douyinpic.com/tos-cn-p-0015/af2ef1dd2e864379a7a475b1db005b62_1575186867~tplv-dy-360p.webp?from=4257465056&s=&se=false&sh=&sc=&l=202108311459070102112011425F04ED8F&biz_tag=feed_cover",
-          video: mp45,
+          video: 'http://qy9rc9xff.hn-bkt.clouddn.com/5.mp4',
           "video_data_size": 16916839,
           "duration": 384068,
           "desc": "男子在沙漠无意中召唤出可怕怪物，怪物的能力让他很绝望 #看电影",
@@ -672,7 +661,7 @@ export default {
           "cover": "https://p11.douyinpic.com/img/tos-cn-i-0004/b8d9811844d14f28a5d71b13ea30d89a~c5_300x400.jpeg?from=4257465056_large",
           "dynamic_cover": "https://p29.douyinpic.com/obj/tos-cn-i-0004/b8d9811844d14f28a5d71b13ea30d89a?from=4257465056_large",
           "origin_cover": "https://p11.douyinpic.com/tos-cn-p-0015/ac6b1eb1b6994ee1a284401f422f4d93_1627866958~tplv-dy-360p.jpeg?from=4257465056&s=&se=false&sh=&sc=&l=202108301444360102111780824E10113C&biz_tag=feed_cover",
-          video: mp46,
+          video: 'http://qy9rc9xff.hn-bkt.clouddn.com/6.mp4',
           "video_data_size": 26944285,
           "duration": 276000,
           "desc": "2100年人口锐减，文明疯狂倒退，现今科技成了神话般的存在  #抖音电影#我的观影报告 ",
@@ -744,7 +733,7 @@ export default {
           "cover": "https://p3.douyinpic.com/img/tos-cn-p-0015/bffc96dac41548d99a23e555d2bd3d62~c5_300x400.jpeg?from=4257465056_large",
           "dynamic_cover": "https://p11.douyinpic.com/obj/tos-cn-p-0015/bffc96dac41548d99a23e555d2bd3d62?from=4257465056_large",
           "origin_cover": "https://p1.douyinpic.com/tos-cn-p-0015/813c7bded67f4e3da0972f85be32eb3f_1608893061~tplv-dy-360p.jpeg?from=4257465056&s=&se=false&sh=&sc=&l=202108311440220102120691615D029CD1&biz_tag=feed_cover",
-          video: mp47,
+          video: 'http://qy9rc9xff.hn-bkt.clouddn.com/7.mp4',
           "video_data_size": 9321536,
           "duration": 129583,
           "desc": "几分钟看科幻片《登月先锋》 #我的观影报告  #抖音电影",
@@ -823,7 +812,7 @@ export default {
           "cover": "https://p9.douyinpic.com/img/tos-cn-p-0015/9f47c686c9224036b82f5c7b147e6119~c5_300x400.webp?from=4257465056_large",
           "dynamic_cover": "https://p26.douyinpic.com/obj/tos-cn-p-0015/fde5131f00e54106877d06f775cd21ca_1572239688?from=4257465056_large",
           "origin_cover": "https://p11.douyinpic.com/tos-cn-p-0015/8a757ad4df69407f8d0d443eaa0b60a2_1572239690~tplv-dy-360p.webp?from=4257465056&s=&se=false&sh=&sc=&l=202108311459110102112011425F04EF3F&biz_tag=feed_cover",
-          video: mp48,
+          video: 'http://qy9rc9xff.hn-bkt.clouddn.com/8.mp4',
           "video_data_size": 25251313,
           "duration": 449263,
           "desc": "",
@@ -895,7 +884,7 @@ export default {
           "cover": "https://p5-ipv6.douyinpic.com/img/tos-cn-p-0015/1941731e18714268a52855ce869e3092_1572771120~c5_300x400.webp?from=4257465056_large",
           "dynamic_cover": "https://p11.douyinpic.com/obj/tos-cn-p-0015/55b40ca5368a49eca282fb868c8fb98b_1572771083?from=4257465056_large",
           "origin_cover": "https://p5-ipv6.douyinpic.com/tos-cn-p-0015/cd59468a8d0149aeb5291966004ae4e0_1572771088~tplv-dy-360p.webp?from=4257465056&s=&se=false&sh=&sc=&l=202108311459110102112011425F04EF3F&biz_tag=feed_cover",
-          video: mp49,
+          video: 'http://qy9rc9xff.hn-bkt.clouddn.com/9.mp4',
           "video_data_size": 17839401,
           "duration": 262127,
           "desc": "灰姑娘被前男友羞辱，霸道总裁看不下去充当男友，瞬间让渣男无地自容#西瓜放映厅",
diff --git a/src/pages/me/VideoDetail.vue b/src/pages/me/VideoDetail.vue
index 833a75d..ffa226b 100644
--- a/src/pages/me/VideoDetail.vue
+++ b/src/pages/me/VideoDetail.vue
@@ -156,11 +156,6 @@ import Other from '../../components/Other.vue'
 import Share from '../../components/Share.vue'
 import Footer from "../../components/Footer.vue"
 import src1Bg from '../../assets/img/poster/src1-bg.png'
-import mp41 from "../../assets/video/1.mp4";
-import mp42 from "../../assets/video/2.mp4";
-import mp43 from "../../assets/video/3.mp4";
-import mp44 from "../../assets/video/4.mp4";
-import mp45 from "../../assets/video/5.mp4";
 import Search from "../../components/Search";
 import FromBottomDialog from "../../components/dialog/FromBottomDialog";
 
@@ -175,7 +170,7 @@ export default {
       list: [1, 2, 3, 4, 5],
       videos: [
         {
-          videoUrl: mp41,
+          videoUrl: 'http://qy9rc9xff.hn-bkt.clouddn.com/0.mp4',
           // videoUrl: 'http://babylife.qiniudn.com/FtRVyPQHHocjVYjeJSrcwDkApTLQ',
           videoPoster: src1Bg,
           isLoved: true,
@@ -185,7 +180,7 @@ export default {
           duration: 99
         },
         {
-          videoUrl: mp42,
+          videoUrl: 'http://qy9rc9xff.hn-bkt.clouddn.com/1.mp4',
           // videoUrl: 'http://babylife.qiniudn.com/FtRVyPQHHocjVYjeJSrcwDkApTLQ',
           videoPoster: src1Bg,
           isLoved: false,
@@ -195,7 +190,7 @@ export default {
           duration: 99
         },
         {
-          videoUrl: mp43,
+          videoUrl: 'http://qy9rc9xff.hn-bkt.clouddn.com/2.mp4',
           // videoUrl: 'http://babylife.qiniudn.com/FtRVyPQHHocjVYjeJSrcwDkApTLQ',
           videoPoster: src1Bg,
           isLoved: false,
@@ -205,7 +200,7 @@ export default {
           duration: 99
         },
         {
-          videoUrl: mp44,
+          videoUrl: 'http://qy9rc9xff.hn-bkt.clouddn.com/3.mp4',
           // videoUrl: 'http://babylife.qiniudn.com/FtRVyPQHHocjVYjeJSrcwDkApTLQ',
           videoPoster: src1Bg,
           isLoved: false,
@@ -215,7 +210,7 @@ export default {
           duration: 99
         },
         {
-          videoUrl: mp45,
+          videoUrl: 'http://qy9rc9xff.hn-bkt.clouddn.com/4.mp4',
           // videoUrl: 'http://babylife.qiniudn.com/FtRVyPQHHocjVYjeJSrcwDkApTLQ',
           videoPoster: src1Bg,
           isLoved: false,
diff --git a/src/pages/me/我的动态.vue b/src/pages/me/我的动态.vue
index a46f305..1dd45af 100644
--- a/src/pages/me/我的动态.vue
+++ b/src/pages/me/我的动态.vue
@@ -19,7 +19,7 @@
           <span>无敌浩克</span>
         </div>
         <div class="video-container mb10p ">
-          <video src="../../assets/video/1.mp4" poster="../../assets/img/poster/src1-bg.png"></video>
+          <video src="http://qy9rc9xff.hn-bkt.clouddn.com/0.mp4" poster="../../assets/img/poster/src1-bg.png"></video>
           <div class="music">
             <img src="../../assets/img/icon/music.svg" alt="" class="music-image">
             <marquee behavior=scroll direction=left align=middle scrollamount=4> 吴三二 - 光年之外</marquee>
diff --git a/src/pages/people/Scan.vue b/src/pages/people/Scan.vue
index 0ca9271..1b2ea70 100644
--- a/src/pages/people/Scan.vue
+++ b/src/pages/people/Scan.vue
@@ -2,7 +2,7 @@
   <div class="Scan">
     <img src="../../assets/img/icon/components/gray-back.png" @click="$back" class="back">
     <div class="video-ctn">
-      <video src="../../assets/video/3.mp4"></video>
+      <video src="http://qy9rc9xff.hn-bkt.clouddn.com/0.mp4"></video>
     </div>
     <div class="float">
       <div class="open-light">