@@ -23,167 +8,153 @@
-
-
-
- {{ video.name }}
-
+
+
+
+
+ {{ video.name }}
-
- {{ video.views}} views
-
-
+
-
-
+
-
-
-
- Share
-
-
+
-
-
-
-
-
-
- More
-
+
+
-
+
-
-
- Published on {{ video.createdAt | date:'short' }}
-
+
+ {{ video.channel.name }}
+
+
-
+
+ By {{ video.by }}
+ ![Account avatar]()
+
-
+
+
+
+
Show more
-
+
-
Show less
-
-
- Privacy:
+
+
+
+ Privacy
-
+
{{ video.privacyLabel }}
-
-
- Category:
+
+
+ Category
-
+
{{ video.categoryLabel }}
-
-
- Licence:
+
diff --git a/client/src/app/videos/+video-watch/video-watch.component.scss b/client/src/app/videos/+video-watch/video-watch.component.scss
index 06c2de7c6..7bcfeb7c3 100644
--- a/client/src/app/videos/+video-watch/video-watch.component.scss
+++ b/client/src/app/videos/+video-watch/video-watch.component.scss
@@ -17,167 +17,108 @@
font-weight: bold;
}
-#torrent-info {
- font-size: 10px;
- margin-top: 10px;
- text-align: center;
+.video-bottom {
+ margin-top: 40px;
+ display: flex;
- div {
- min-width: 60px;
- }
-}
+ .video-info {
+ flex-grow: 1;
+ margin-right: 28px;
-#video-info {
- .video-name-views {
- font-weight: bold;
- font-size: 18px;
- min-height: $video-watch-title-height;
- display: flex;
- align-items: center;
-
- .video-name {
- padding-left: $video-watch-info-padding-left;
- }
-
- .video-views {
- text-align: right;
- // Keep a symmetry with the video name
- padding-right: $video-watch-info-padding-left
- }
-
- }
-
- .video-small-blocks {
- height: $video-watch-info-height;
- color: $video-watch-info-color;
- border-color: $video-watch-border-color;
- border-width: 1px 0px;
- border-style: solid;
-
- .video-small-block {
- height: $video-watch-info-height;
+ .video-info-name-actions {
display: flex;
- flex-direction: column;
- justify-content: center;
- text-align: center;
+ align-items: center;
- a {
- cursor: pointer;
- transition: color 0.3s;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
-
- &, &:hover {
- color: inherit;
- text-decoration:none;
- }
-
- &:hover {
- color: #000 !important;
- }
-
- &:hover > .glyphicon {
- opacity: 1 !important;
- }
+ .video-info-name {
+ font-size: 27px;
+ font-weight: $font-semibold;
+ flex-grow: 1;
}
- .option .glyphicon {
- font-size: 22px;
- color: inherit;
- opacity: 0.15;
- margin-bottom: 10px;
- transition: opacity 0.3s;
- }
+ .video-info-actions {
+ .action-button {
+ @include peertube-button;
- .video-small-block-text {
- font-size: 15px;
- font-weight: bold;
- }
- }
+ font-size: 15px;
+ font-weight: $font-semibold;
+ color: #585858;
+ background-color: #E5E5E5;
+ display: inline-block;
+ padding: 0 10px 0 10px;
- .video-small-block:not(:last-child) {
- border-width: 0 1px 0 0;
- border-color: $video-watch-border-color;
- border-style: solid;
- }
+ &:hover {
+ background-color: #EFEFEF;
+ }
+ }
- .video-small-block-account, .video-small-block-more {
- a.option {
- display: block;
+ .action-more {
+ display: inline-block;
+ }
- .glyphicon {
- display: block;
+ .icon {
+ display: inline-block;
+ background-repeat: no-repeat;
+ background-size: contain;
+ width: 21px;
+ height: 21px;
+ vertical-align: middle;
+ position: relative;
+ top: -2px;
+
+ &.icon-like {
+ background-image: url('../../../assets/images/video/like.svg');
+ }
+
+ &.icon-dislike {
+ background-image: url('../../../assets/images/video/dislike.svg');
+ }
+
+ &.icon-share {
+ background-image: url('../../../assets/images/video/share.svg');
+ }
+
+ &.icon-more {
+ background-image: url('../../../assets/images/video/more.svg');
+ }
}
}
}
- .video-small-block-share, .video-small-block-more {
- a.option {
- display: block;
+ .video-info-date-views {
+ font-size: 16px;
+ margin-bottom: 10px;
+ }
- .glyphicon {
- display: block;
- }
+ .video-info-channel {
+ font-weight: $font-semibold;
+ font-size: 15px;
+ }
+
+ .video-info-by {
+ display: flex;
+ align-items: center;
+ font-size: 13px;
+
+ img {
+ width: 16px;
+ height: 16px;
+ margin-left: 3px;
}
}
- .video-small-block-more .video-small-block-dropdown {
- position: relative;
-
- .dropdown-item .glyphicon {
- margin-right: 5px;
- }
- }
-
- .video-small-block-rating {
-
- .video-small-block-like {
- margin-bottom: 10px;
- }
-
- .video-small-block-text {
- vertical-align: top;
- }
-
- .glyphicon {
- font-size: 18px;
- margin: 0 10px 0 0;
- opacity: 0.3;
- }
-
- .interactive {
- cursor: pointer;
- transition: opacity, color 0.3s;
-
- &.activated, &:hover {
- opacity: 1;
- color: #000;
- }
- }
- }
- }
-
- .video-details {
- margin-top: 30px;
-
- .video-details-date-description {
- padding-left: $video-watch-info-padding-left;
+ .video-info-description {
+ margin: 20px 0;
+ font-size: 15px;
.description-loading {
display: inline-block;
}
- .video-details-date {
- font-weight: bold;
- margin-bottom: 30px;
- }
-
- .video-details-description-more {
+ .video-info-description-more {
cursor: pointer;
- margin-top: 15px;
- font-weight: bold;
- color: #acaeb7;
+ font-weight: $font-semibold;
+ color: #585858;
+ font-size: 14px;
.glyphicon {
position: relative;
@@ -186,109 +127,20 @@
}
}
- .video-details-attributes {
- font-weight: bold;
- font-size: 12px;
+ .video-attributes {
+ .video-attribute {
+ font-size: 13px;
+ display: block;
+ margin-bottom: 12px;
- .video-details-attribute {
- display: flex;
-
- .video-details-attribute-label {
- color: $video-watch-info-color;
- flex-basis: 60px;
- flex-grow: 0;
- flex-shrink: 0;
- margin-right: 5px;
+ .video-attribute-label {
+ width: 86px;
+ display: inline-block;
+ color: #585858;
+ font-weight: $font-bold;
}
}
}
- .video-details-tags {
- display: flex;
- flex-wrap: wrap;
-
- a {
- margin: 0 3px 3px 0;
- font-size: 11px;
- }
- }
- }
-
- @media screen and (max-width: 800px) {
- .video-name-views {
- .video-name {
- padding-left: 5px;
- padding-right: 0px;
- }
-
- .video-views {
- padding-left: 0px;
- padding-right: 5px;
- }
- }
-
- .video-small-blocks {
- a, .video-small-block-text {
- font-size: 13px !important;
- }
-
- .glyphicon {
- font-size: 18px !important;
- }
-
- .video-small-block-account {
- padding-left: 10px;
- padding-right: 10px;
- }
- }
-
- .video-details {
- .video-details-date-description {
- padding-left: 10px;
- font-size: 13px !important;
- }
-
- .video-details-attributes {
- font-size: 11px !important;
-
- .video-details-attribute-label {
- width: 50px;
- }
- }
- }
- }
-
- @media screen and (max-width: 500px) {
- .video-name-views {
- font-size: 16px !important;
- }
-
- // Keep the same hierarchy than max-width: 800px
- .video-small-blocks {
- a, .video-small-block-text {
- font-size: 10px !important;
- }
-
- .video-small-block-account {
- padding-left: 5px;
- padding-right: 5px;
- }
- }
-
- .video-details {
- .video-details-date-description {
- margin-bottom: 30px;
- width: 100%;
-
- .video-details-date {
- margin-bottom: 15px;
- }
- }
-
- .video-details-attributes {
- padding-left: 10px;
- padding-right: 10px;
- }
- }
}
}
diff --git a/client/src/app/videos/+video-watch/video-watch.component.ts b/client/src/app/videos/+video-watch/video-watch.component.ts
index 48842602e..3c6951403 100644
--- a/client/src/app/videos/+video-watch/video-watch.component.ts
+++ b/client/src/app/videos/+video-watch/video-watch.component.ts
@@ -10,6 +10,8 @@ import { UserVideoRateType, VideoRateType } from '../../../../../shared'
import '../../../assets/player/peertube-videojs-plugin'
import { AuthService, ConfirmService } from '../../core'
import { VideoBlacklistService } from '../../shared'
+import { Account } from '../../shared/account/account.model'
+import { Video } from '../../shared/video/video.model'
import { MarkdownService } from '../shared'
import { VideoDownloadComponent } from './video-download.component'
import { VideoReportComponent } from './video-report.component'
@@ -26,6 +28,8 @@ export class VideoWatchComponent implements OnInit, OnDestroy {
@ViewChild('videoShareModal') videoShareModal: VideoShareComponent
@ViewChild('videoReportModal') videoReportModal: VideoReportComponent
+ otherVideos: Video[] = []
+
error = false
loading = false
player: videojs.Player
@@ -57,6 +61,13 @@ export class VideoWatchComponent implements OnInit, OnDestroy {
) {}
ngOnInit () {
+ this.videoService.getVideos({ currentPage: 1, itemsPerPage: 5 }, '-createdAt')
+ .subscribe(
+ data => this.otherVideos = data.videos,
+
+ err => console.error(err)
+ )
+
this.paramsSub = this.route.params.subscribe(routeParams => {
let uuid = routeParams['uuid']
this.videoService.getVideo(uuid).subscribe(
@@ -114,27 +125,6 @@ export class VideoWatchComponent implements OnInit, OnDestroy {
)
}
- removeVideo (event: Event) {
- event.preventDefault()
-
- this.confirmService.confirm('Do you really want to delete this video?', 'Delete').subscribe(
- res => {
- if (res === false) return
-
- this.videoService.removeVideo(this.video.id)
- .subscribe(
- status => {
- this.notificationsService.success('Success', `Video ${this.video.name} deleted.`)
- // Go back to the video-list.
- this.router.navigate(['/videos/list'])
- },
-
- error => this.notificationsService.error('Error', error.text)
- )
- }
- )
- }
-
blacklistVideo (event: Event) {
event.preventDefault()
@@ -165,7 +155,6 @@ export class VideoWatchComponent implements OnInit, OnDestroy {
}
showLessDescription () {
-
this.updateVideoDescription(this.shortVideoDescription)
this.completeDescriptionShown = false
}
@@ -222,6 +211,16 @@ export class VideoWatchComponent implements OnInit, OnDestroy {
return this.video.isBlackistableBy(this.authService.getUser())
}
+ getAvatarPath () {
+ return Account.GET_ACCOUNT_AVATAR_PATH(this.video.account)
+ }
+
+ getVideoTags () {
+ if (!this.video || Array.isArray(this.video.tags) === false) return []
+
+ return this.video.tags.join(', ')
+ }
+
private updateVideoDescription (description: string) {
this.video.description = description
this.setVideoDescriptionHTML()
diff --git a/client/src/app/videos/video-list/index.ts b/client/src/app/videos/video-list/index.ts
index 13024294e..5e7c7886c 100644
--- a/client/src/app/videos/video-list/index.ts
+++ b/client/src/app/videos/video-list/index.ts
@@ -1,4 +1,3 @@
export * from './video-recently-added.component'
export * from './video-trending.component'
export * from './video-search.component'
-export * from './shared'
diff --git a/client/src/app/videos/video-list/shared/index.ts b/client/src/app/videos/video-list/shared/index.ts
deleted file mode 100644
index 2778f2d9e..000000000
--- a/client/src/app/videos/video-list/shared/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './video-miniature.component'
diff --git a/client/src/app/videos/videos.module.ts b/client/src/app/videos/videos.module.ts
index 8c8d52ad9..4b14d1da8 100644
--- a/client/src/app/videos/videos.module.ts
+++ b/client/src/app/videos/videos.module.ts
@@ -1,6 +1,6 @@
import { NgModule } from '@angular/core'
import { SharedModule } from '../shared'
-import { VideoMiniatureComponent, VideoSearchComponent } from './video-list'
+import { VideoSearchComponent } from './video-list'
import { VideoRecentlyAddedComponent } from './video-list/video-recently-added.component'
import { VideoTrendingComponent } from './video-list/video-trending.component'
import { VideosRoutingModule } from './videos-routing.module'
@@ -17,7 +17,6 @@ import { VideosComponent } from './videos.component'
VideoTrendingComponent,
VideoRecentlyAddedComponent,
- VideoMiniatureComponent,
VideoSearchComponent
],
diff --git a/client/src/assets/images/video/dislike.svg b/client/src/assets/images/video/dislike.svg
new file mode 100644
index 000000000..56a7908fb
--- /dev/null
+++ b/client/src/assets/images/video/dislike.svg
@@ -0,0 +1,14 @@
+
+
diff --git a/client/src/assets/images/video/like.svg b/client/src/assets/images/video/like.svg
new file mode 100644
index 000000000..5ef6c7b31
--- /dev/null
+++ b/client/src/assets/images/video/like.svg
@@ -0,0 +1,15 @@
+
+
diff --git a/client/src/assets/images/video/more.svg b/client/src/assets/images/video/more.svg
new file mode 100644
index 000000000..dea392136
--- /dev/null
+++ b/client/src/assets/images/video/more.svg
@@ -0,0 +1,11 @@
+
+
diff --git a/client/src/assets/images/video/share.svg b/client/src/assets/images/video/share.svg
new file mode 100644
index 000000000..da0f43e81
--- /dev/null
+++ b/client/src/assets/images/video/share.svg
@@ -0,0 +1,16 @@
+
+
diff --git a/server/models/video/video.ts b/server/models/video/video.ts
index 4dce8e2fc..60023bc8c 100644
--- a/server/models/video/video.ts
+++ b/server/models/video/video.ts
@@ -486,7 +486,7 @@ toFormattedJSON = function (this: VideoInstance) {
description: this.getTruncatedDescription(),
serverHost,
isLocal: this.isOwned(),
- account: this.VideoChannel.Account.name,
+ accountName: this.VideoChannel.Account.name,
duration: this.duration,
views: this.views,
likes: this.likes,
@@ -514,6 +514,7 @@ toFormattedDetailsJSON = function (this: VideoInstance) {
privacy: this.privacy,
descriptionPath: this.getDescriptionPath(),
channel: this.VideoChannel.toFormattedJSON(),
+ account: this.VideoChannel.Account.toFormattedJSON(),
files: []
}
diff --git a/server/tests/api/follows.ts b/server/tests/api/follows.ts
index aadae3cce..dcb4c8bd9 100644
--- a/server/tests/api/follows.ts
+++ b/server/tests/api/follows.ts
@@ -227,7 +227,7 @@ describe('Test follows', function () {
expect(videoDetails.nsfw).to.be.ok
expect(videoDetails.description).to.equal('my super description')
expect(videoDetails.serverHost).to.equal('localhost:9003')
- expect(videoDetails.account).to.equal('root')
+ expect(videoDetails.accountName).to.equal('root')
expect(videoDetails.likes).to.equal(1)
expect(videoDetails.dislikes).to.equal(1)
expect(videoDetails.isLocal).to.be.false
diff --git a/server/tests/api/multiple-servers.ts b/server/tests/api/multiple-servers.ts
index c80ded862..c7f19f261 100644
--- a/server/tests/api/multiple-servers.ts
+++ b/server/tests/api/multiple-servers.ts
@@ -111,13 +111,14 @@ describe('Test multiple servers', function () {
expect(video.tags).to.deep.equal([ 'tag1p1', 'tag2p1' ])
expect(dateIsValid(video.createdAt)).to.be.true
expect(dateIsValid(video.updatedAt)).to.be.true
- expect(video.account).to.equal('root')
+ expect(video.accountName).to.equal('root')
const res2 = await getVideo(server.url, video.uuid)
const videoDetails = res2.body
expect(videoDetails.channel.name).to.equal('my channel')
expect(videoDetails.channel.description).to.equal('super channel')
+ expect(videoDetails.account.name).to.equal('root')
expect(dateIsValid(videoDetails.channel.createdAt)).to.be.true
expect(dateIsValid(videoDetails.channel.updatedAt)).to.be.true
expect(videoDetails.files).to.have.lengthOf(1)
@@ -201,7 +202,7 @@ describe('Test multiple servers', function () {
expect(video.tags).to.deep.equal([ 'tag1p2', 'tag2p2', 'tag3p2' ])
expect(dateIsValid(video.createdAt)).to.be.true
expect(dateIsValid(video.updatedAt)).to.be.true
- expect(video.account).to.equal('user1')
+ expect(video.accountName).to.equal('user1')
if (server.url !== 'http://localhost:9002') {
expect(video.isLocal).to.be.false
@@ -316,7 +317,7 @@ describe('Test multiple servers', function () {
expect(video1.serverHost).to.equal('localhost:9003')
expect(video1.duration).to.equal(5)
expect(video1.tags).to.deep.equal([ 'tag1p3' ])
- expect(video1.account).to.equal('root')
+ expect(video1.accountName).to.equal('root')
expect(dateIsValid(video1.createdAt)).to.be.true
expect(dateIsValid(video1.updatedAt)).to.be.true
@@ -342,7 +343,7 @@ describe('Test multiple servers', function () {
expect(video2.serverHost).to.equal('localhost:9003')
expect(video2.duration).to.equal(5)
expect(video2.tags).to.deep.equal([ 'tag2p3', 'tag3p3', 'tag4p3' ])
- expect(video2.account).to.equal('root')
+ expect(video2.accountName).to.equal('root')
expect(dateIsValid(video2.createdAt)).to.be.true
expect(dateIsValid(video2.updatedAt)).to.be.true
@@ -690,7 +691,7 @@ describe('Test multiple servers', function () {
expect(baseVideo.licence).to.equal(video.licence)
expect(baseVideo.category).to.equal(video.category)
expect(baseVideo.nsfw).to.equal(video.nsfw)
- expect(baseVideo.account).to.equal(video.account)
+ expect(baseVideo.accountName).to.equal(video.accountName)
expect(baseVideo.tags).to.deep.equal(video.tags)
}
})
diff --git a/server/tests/api/services.ts b/server/tests/api/services.ts
index 8d96ccc5e..4d480c305 100644
--- a/server/tests/api/services.ts
+++ b/server/tests/api/services.ts
@@ -46,7 +46,7 @@ describe('Test services', function () {
expect(res.body.html).to.equal(expectedHtml)
expect(res.body.title).to.equal(server.video.name)
- expect(res.body.author_name).to.equal(server.video.account)
+ expect(res.body.author_name).to.equal(server.video.accountName)
expect(res.body.width).to.equal(560)
expect(res.body.height).to.equal(315)
expect(res.body.thumbnail_url).to.equal(expectedThumbnailUrl)
@@ -66,7 +66,7 @@ describe('Test services', function () {
expect(res.body.html).to.equal(expectedHtml)
expect(res.body.title).to.equal(server.video.name)
- expect(res.body.author_name).to.equal(server.video.account)
+ expect(res.body.author_name).to.equal(server.video.accountName)
expect(res.body.height).to.equal(50)
expect(res.body.width).to.equal(50)
expect(res.body).to.not.have.property('thumbnail_url')
diff --git a/server/tests/api/single-server.ts b/server/tests/api/single-server.ts
index fe192d391..d7e9ad41f 100644
--- a/server/tests/api/single-server.ts
+++ b/server/tests/api/single-server.ts
@@ -127,7 +127,7 @@ describe('Test a single server', function () {
expect(video.nsfw).to.be.ok
expect(video.description).to.equal('my super description')
expect(video.serverHost).to.equal('localhost:9001')
- expect(video.account).to.equal('root')
+ expect(video.accountName).to.equal('root')
expect(video.isLocal).to.be.true
expect(video.tags).to.deep.equal([ 'tag1', 'tag2', 'tag3' ])
expect(dateIsValid(video.createdAt)).to.be.true
@@ -176,7 +176,7 @@ describe('Test a single server', function () {
expect(video.nsfw).to.be.ok
expect(video.description).to.equal('my super description')
expect(video.serverHost).to.equal('localhost:9001')
- expect(video.account).to.equal('root')
+ expect(video.accountName).to.equal('root')
expect(video.isLocal).to.be.true
expect(video.tags).to.deep.equal([ 'tag1', 'tag2', 'tag3' ])
expect(dateIsValid(video.createdAt)).to.be.true
@@ -243,7 +243,7 @@ describe('Test a single server', function () {
expect(video.nsfw).to.be.ok
expect(video.description).to.equal('my super description')
expect(video.serverHost).to.equal('localhost:9001')
- expect(video.account).to.equal('root')
+ expect(video.accountName).to.equal('root')
expect(video.isLocal).to.be.true
expect(video.tags).to.deep.equal([ 'tag1', 'tag2', 'tag3' ])
expect(dateIsValid(video.createdAt)).to.be.true
@@ -298,7 +298,7 @@ describe('Test a single server', function () {
// expect(video.nsfw).to.be.ok
// expect(video.description).to.equal('my super description')
// expect(video.serverHost).to.equal('localhost:9001')
- // expect(video.account).to.equal('root')
+ // expect(video.accountName).to.equal('root')
// expect(video.isLocal).to.be.true
// expect(video.tags).to.deep.equal([ 'tag1', 'tag2', 'tag3' ])
// expect(dateIsValid(video.createdAt)).to.be.true
@@ -563,7 +563,8 @@ describe('Test a single server', function () {
expect(video.nsfw).to.be.ok
expect(video.description).to.equal('my super description updated')
expect(video.serverHost).to.equal('localhost:9001')
- expect(video.account).to.equal('root')
+ expect(video.accountName).to.equal('root')
+ expect(video.account.name).to.equal('root')
expect(video.isLocal).to.be.true
expect(video.tags).to.deep.equal([ 'tagup1', 'tagup2' ])
expect(dateIsValid(video.createdAt)).to.be.true
@@ -612,7 +613,7 @@ describe('Test a single server', function () {
expect(video.nsfw).to.be.ok
expect(video.description).to.equal('my super description updated')
expect(video.serverHost).to.equal('localhost:9001')
- expect(video.account).to.equal('root')
+ expect(video.accountName).to.equal('root')
expect(video.isLocal).to.be.true
expect(video.tags).to.deep.equal([ 'supertag', 'tag1', 'tag2' ])
expect(dateIsValid(video.createdAt)).to.be.true
@@ -652,7 +653,7 @@ describe('Test a single server', function () {
expect(video.nsfw).to.be.ok
expect(video.description).to.equal('hello everybody')
expect(video.serverHost).to.equal('localhost:9001')
- expect(video.account).to.equal('root')
+ expect(video.accountName).to.equal('root')
expect(video.isLocal).to.be.true
expect(video.tags).to.deep.equal([ 'supertag', 'tag1', 'tag2' ])
expect(dateIsValid(video.createdAt)).to.be.true
diff --git a/server/tests/api/users.ts b/server/tests/api/users.ts
index 33646e84f..5066e73fc 100644
--- a/server/tests/api/users.ts
+++ b/server/tests/api/users.ts
@@ -117,7 +117,7 @@ describe('Test users', function () {
const res = await getVideosList(server.url)
const video = res.body.data[ 0 ]
- expect(video.account)
+ expect(video.accountName)
.to
.equal('root')
videoId = video.id
@@ -487,7 +487,7 @@ describe('Test users', function () {
.equal(1)
const video = res.body.data[ 0 ]
- expect(video.account)
+ expect(video.accountName)
.to
.equal('root')
})
diff --git a/server/tests/utils/servers.ts b/server/tests/utils/servers.ts
index faa2f19ff..8340fbc18 100644
--- a/server/tests/utils/servers.ts
+++ b/server/tests/utils/servers.ts
@@ -24,7 +24,7 @@ interface ServerInfo {
id: number
uuid: string
name: string
- account: string
+ accountName: string
}
remoteVideo?: {
diff --git a/shared/models/videos/video.model.ts b/shared/models/videos/video.model.ts
index 08b29425c..dc12a05d9 100644
--- a/shared/models/videos/video.model.ts
+++ b/shared/models/videos/video.model.ts
@@ -1,3 +1,4 @@
+import { Account } from '../accounts'
import { VideoChannel } from './video-channel.model'
import { VideoPrivacy } from './video-privacy.enum'
@@ -13,7 +14,7 @@ export interface VideoFile {
export interface Video {
id: number
uuid: string
- account: string
+ accountName: string
createdAt: Date | string
updatedAt: Date | string
categoryLabel: string
@@ -43,4 +44,5 @@ export interface VideoDetails extends Video {
descriptionPath: string
channel: VideoChannel
files: VideoFile[]
+ account: Account
}
+
+ Licence
-
+
{{ video.licenceLabel }}
-
-
- Language:
+
+
+
+
+ Language
-
+
{{ video.languageLabel }}
-
-
- Tags:
+
+
+
+ Tags
-
+
+ {{ getVideoTags() }}
+
+
+
+