import { VideoDetails } from '@app/shared/shared-main'
import { VideoPlaylist } from '@app/shared/shared-video-playlist'
import { NgbModal } from '@ng-bootstrap/ng-bootstrap'
+import { buildPlaylistLink, buildVideoLink, decoratePlaylistLink, decorateVideoLink } from '@shared/core-utils'
import { VideoCaption } from '@shared/models'
-import { buildPlaylistLink, buildVideoLink, buildVideoOrPlaylistEmbed } from '../../../assets/player/utils'
+import { buildVideoOrPlaylistEmbed } from '../../../assets/player/utils'
type Customizations = {
startAtCheckbox: boolean
subtitle: string
loop: boolean
+ originUrl: boolean
autoplay: boolean
muted: boolean
title: boolean
@Input() video: VideoDetails = null
@Input() videoCaptions: VideoCaption[] = []
@Input() playlist: VideoPlaylist = null
+ @Input() playlistPosition: number = null
activeVideoId: TabId = 'url'
activePlaylistId: TabId = 'url'
isAdvancedCustomizationCollapsed = true
includeVideoInPlaylist = false
- private playlistPosition: number = null
-
constructor (private modalService: NgbModal) { }
show (currentVideoTimestamp?: number, currentPlaylistPosition?: number) {
subtitle,
loop: false,
+ originUrl: false,
autoplay: false,
muted: false,
}
getVideoIframeCode () {
- const options = this.getVideoOptions(this.video.embedUrl)
+ const embedUrl = decorateVideoLink({ url: this.video.embedUrl, ...this.getVideoOptions() })
- const embedUrl = buildVideoLink(options)
- return buildVideoOrPlaylistEmbed(embedUrl)
+ return buildVideoOrPlaylistEmbed(embedUrl, this.video.name)
}
getPlaylistIframeCode () {
- const options = this.getPlaylistOptions(this.playlist.embedUrl)
+ const embedUrl = decoratePlaylistLink({ url: this.playlist.embedUrl, ...this.getPlaylistOptions() })
- const embedUrl = buildPlaylistLink(options)
- return buildVideoOrPlaylistEmbed(embedUrl)
+ return buildVideoOrPlaylistEmbed(embedUrl, this.playlist.displayName)
}
getVideoUrl () {
- const baseUrl = window.location.origin + '/videos/watch/' + this.video.uuid
- const options = this.getVideoOptions(baseUrl)
+ const baseUrl = this.customizations.originUrl
+ ? this.video.originInstanceUrl
+ : window.location.origin
+
+ return decorateVideoLink({
+ url: buildVideoLink(this.video, baseUrl),
- return buildVideoLink(options)
+ ...this.getVideoOptions()
+ })
}
getPlaylistUrl () {
- const base = window.location.origin + '/videos/watch/playlist/' + this.playlist.uuid
+ const url = buildPlaylistLink(this.playlist)
+ if (!this.includeVideoInPlaylist) return url
- if (!this.includeVideoInPlaylist) return base
-
- return base + '?videoId=' + this.video.uuid
+ return decoratePlaylistLink({ url, playlistPosition: this.playlistPosition })
}
notSecure () {
return this.activeVideoId === 'embed'
}
+ isLocalVideo () {
+ return this.video.isLocal
+ }
+
private getPlaylistOptions (baseUrl?: string) {
return {
baseUrl,
}
}
- private getVideoOptions (baseUrl?: string) {
+ private getVideoOptions () {
return {
- baseUrl,
-
startTime: this.customizations.startAtCheckbox ? this.customizations.startAt : undefined,
stopTime: this.customizations.stopAtCheckbox ? this.customizations.stopAt : undefined,