移除所有本地视频
This commit is contained in:
zyronon
parent
9c8e7e6d1d
commit
ee348d9d06
@ -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>
|
||||
|
||||
@ -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": "几人到深山探险，发现里面一只动物昆虫都没有，知道原因后都怕了 #看电影",
|
||||
|
||||
@ -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>
|
||||
@ -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": "灰姑娘被前男友羞辱，霸道总裁看不下去充当男友，瞬间让渣男无地自容#西瓜放映厅",
|
||||
|
||||
@ -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,
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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">
|
||||
|
||||
Loading…
Reference in New Issue
Block a user