mirror of https://github.com/VueTubeApp/VueTube
watch page finished
This commit is contained in:
parent
1b6a9f4a48
commit
f90ab6dceb
|
@ -1,7 +1,12 @@
|
|||
<template>
|
||||
<div>
|
||||
<video controls autoplay :src="vidSrc" width="100%" height="300vh" />
|
||||
{{ vidSrc }}
|
||||
<v-card class="ml-2 mr-2 flat light">
|
||||
<h2>{{ title }}</h2>
|
||||
<span>{{ views }} views • Published {{uploaded}}</span><br />
|
||||
<span>{{ likes }} Likes / {{ dislikes }} Dislikes</span><br />
|
||||
<p>{{ description }}</p>
|
||||
</v-card>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
@ -9,12 +14,37 @@
|
|||
export default {
|
||||
data() {
|
||||
return {
|
||||
vidSrc: ""
|
||||
likes: this.likes,
|
||||
uploaded: this.uploaded,
|
||||
dislikes: this.dislikes,
|
||||
vidSrc: this.vidSrc,
|
||||
description: this.description,
|
||||
views: this.views
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
const { v } = this.$route.query
|
||||
console.log(v, this.$youtube.getVid(v))
|
||||
<br />
|
||||
this.$youtube.getVid(this.$route.query.v).then(result => {
|
||||
console.log('Video info data')
|
||||
console.log(result);
|
||||
result = result.data;
|
||||
console.log(result.streamingData.formats)
|
||||
this.vidSrc = result.streamingData.formats[result.streamingData.formats.length-1].url
|
||||
this.title = result.videoDetails.title
|
||||
this.description = result.videoDetails.shortDescription;
|
||||
this.views = result.videoDetails.viewCount;
|
||||
});
|
||||
|
||||
|
||||
this.$youtube.getRemainingVideoInfo(this.$route.query.v, (data) => {
|
||||
this.likes = data.likes,
|
||||
this.uploaded = data.uploadDate;
|
||||
});
|
||||
|
||||
this.$youtube.getReturnYoutubeDislike(this.$route.query.v, (data) => {
|
||||
this.dislikes = data.dislikes;
|
||||
});
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
|
Loading…
Reference in New Issue