vpPlayer("vp-config").setup({
projectId: 'string',
videoProjectId: 'string',
biskoId: 'string',
multiStream: {
LiveVideoId: '',
LiveChannelId: '',
type: 1,
maxAttempts: 22,
backoff: 5000,
backoffMultiplier: 2,
backoffMax: 30000,
bufferStallTimeout: 4000,
switchOnNetworkError: true,
switchOnBufferStallError: true,
switchOnMediaError: false,
switchToPriorityTimeout: 120000,
castUrl: '',
playbackUrls: [],
dvrPlaybackUrls: [],
},
video: {
videoId: 'string',
mediaId: 'string',
assetId: 'string',
videoIdFromSource: 'string',
fpsCertificateUrl: 'string',
widevineLicenseUrl: 'string',
flags: [],
geo: {
state: false,
type: 'DENY',
countries: [],
},
videoLocking: {
isEnabled: false,
type: 'seconds',
value: 0,
},
ageRestriction: {
isEnabled: false,
value: 18,
},
showEngagementHeatmap: false,
adBlockDetect: false,
protected: false,
private: false,
publishDate: 'string',
publishEndDate: '',
hasGeoRestriction: false,
geoRestrictionLink: '',
related: 'string',
file: 'string',
hlsUrl: '',
title: 'string',
description: 'string',
duration: 0,
live: false,
liveType: 'string',
thumbnail: 'string',
thumbnailUrl: '',
filmstrip: 'string',
filmstripVtt: 'string',
chapterState: false,
chapterPath: '',
chapters: [],
author: '',
source: '',
shareUrl: '',
tags: [],
tracks: [],
audioTracks: [],
startTime: 0,
skipIntro: {
state: false,
skipFrom: 0,
skipTo: 0,
},
playlist: {
state: false,
playlistId: 'string',
algorithm: 'string',
displayType: '',
title: 'string',
videos: [],
fromRecommended: false,
},
keywords: [],
advertising: false,
adId: 'string',
ads: {
vastManager: 'ima',
enableDemandManager: false,
demandManager: {
prebidUrl: '',
bidderTimeOut: 0,
serverTimeOut: 0,
coppaInventory: false,
cache: true,
adUnitSize: [[640, 480]],
adUnits: [
{
currency: '',
bidOption: 'SendAllBids',
auctionDelay: 0,
adUnitCode: '',
networkCode: '',
bidders: [],
priceGranularities: [
{
max: 10,
increment: 0.5,
},
],
},
],
},
type: 'STATIC',
skipAd: {
state: true,
skipFrom: 5,
},
vmap: 'string',
VPAIDmode: 'string',
enableProgrammability: false,
skipAllAds: false,
prerollUrl: '',
midrollUrl: '',
postrollUrl: '',
contents: [],
hasUserConsent: '',
biddingPlayerSize: [[640, 480]],
bidderAliasses: [],
refreshControl: {
types: [],
cooldownMs: 0,
},
functions: [
{
isDynamicKey: false,
isDynamicValue: false,
key: 'string',
order: 1,
value: 'string',
},
],
bidding: false,
adBreaks: [
{
adTagUrl: [],
breakType: 'midroll',
breakTimingType: 'time',
breakTimingValue: 10,
},
],
bidders: [
{
name: 'bidderName',
params: {
propertyId: '123123',
placementId: '123123',
},
},
],
},
customOverlays: {
state: false,
colorTheme: 'dark',
overlays: [],
},
},
config: {
configId: 'string',
recommendedId: '',
recommended: false,
highlightCurrentVideo: false,
midrollSentenceAlignment: false,
adSnapback: true,
onHoverPlay: false,
soundSubtitleInversion: false,
showContinueWatching: false,
ambientMode: false,
lightStreamingMode: false,
showEngagementHeatmap: false,
handle403AsGeoBlocked: false,
font: {
family: 'string',
url: 'string',
},
afterMidrollBacktrack: {
state: false,
seconds: 3,
},
size: {
sizeType: 'RESPONSIVE',
aspectRatio: '16:9',
width: 800,
height: 450,
},
adAnnouncement: {
state: false,
timeBeforeAd: 5,
},
autoplay: false,
autostartOnLoad: {
state: false,
onMobile: false,
onData: false,
},
autostartOnViewable: {
state: false,
onMobile: false,
onData: false,
percentageViewable: 0.5,
},
autopauseOnViewable: {
state: false,
percentageViewable: 0.5,
},
autopauseOnCuepoint: {
state: false,
timeToPause: 0,
continueUnmuted: false,
svgFile: '',
onDesktop: false,
onMobile: false,
},
ignorePlayOutOfView: false,
subtitleOptions: {
sizes: ['small', 'medium', 'large'],
styles: ['dropShadow', 'dark', 'light', 'contrast'],
},
pauseOtherVideos: false,
pauseOnRelatedShown: false,
focusOnAutostart: false,
showRelatedOnPause: {
state: true,
onMobile: false,
from: 0.9,
},
showContentTitle: false,
showContentDescription: false,
allowSeekOnLive: false,
seekLiveAfterPause: false,
playbackRates: [],
volume: 1,
muted: false,
loop: false,
casting: true,
debug: false,
skipAmount: 5,
hls: {
appendQueryParams: true,
queryParams: '',
overwriteParams: false,
},
useDevicePixelRatio: false,
adsRequireInteraction: false,
float: {
state: false,
onMobile: false,
position: 'BOTTOM_RIGHT',
dismissible: true,
requiresInteraction: false,
toVideoThreshold: 0.35,
toFloatThreshold: 0.2,
style: {
width: 272,
border: 'string',
},
},
controls: {
theaterButton: false,
settingsButton: true,
chromecastButton: false,
nextButton: true,
fullscreenButton: true,
airplayButton: true,
autoplayButton: false,
bigPlayButton: true,
pictureInPictureButton: true,
relatedButton: true,
volumeButton: true,
shareButton: true,
audioOnlyButton: false,
showAutoPlay: false,
rewindButton: false,
forwardButton: false,
subtitlesButton: false,
chaptersButton: false,
},
logo: {
state: false,
file: 'string',
position: 'TOP_RIGHT',
defaultOpacity: 1,
inactiveOpacity: 0.5,
onClickURL: 'string',
},
socialMedia: [],
lang: {
locale: 'en',
controls: {
play: 'Play',
pause: 'Pause',
rewind: 'Rewind',
forward: 'Forward',
next: 'Next',
replay: 'Replay',
volume: 'Volume',
mute: 'Mute',
unmute: 'Unmute',
settings: 'Settings',
theater: 'Theater',
fullscreen: 'Full Screen',
chromecast: 'Chromecast',
airplay: 'Airplay',
pictureInPicture: 'Picture-in-Picture',
related: 'Related',
skipIntro: 'Skip intro',
continueWatching: 'Continue watching',
watched: 'Watched',
skipAd: 'Skip Ad',
adAnnouncement: 'Ad in {} seconds',
playlistTitle: 'Continue Watching',
upNext: 'Up next...',
live: 'LIVE',
continueAfterPause: 'Continue playing',
nextVideoCancel: 'Cancel',
playNow: 'Play Now',
enter: 'Enter',
exit: 'Exit',
switchingStream: 'Switching stream...',
switch: 'Switch stream',
},
settings: {
quality: 'Quality',
language: 'Language',
subtitles: 'Subtitles',
options: 'Options',
chapters: 'Chapters',
subtitleOptions: {
reset: 'Reset',
size: 'Size',
style: 'Style',
sizeOptions: {
small: 'Small',
medium: 'Medium',
large: 'Large',
},
styleOptions: {
dropShadow: 'Drop Shadow',
dark: 'Dark',
light: 'Light',
contrast: 'Contrast',
},
},
refresh: 'Refresh',
autoplay: 'Autoplay',
audioOnly: 'Audio Only',
videoMode: 'Video Mode',
playbackRate: 'Speed',
auto: 'Auto',
off: 'Off',
on: 'On',
normal: 'Normal',
share: 'Share Video',
autoGeneratedSubtitles: 'Auto-generated',
copy: 'Copy',
copied: 'Copied',
},
ads: {
ad: 'Ad',
skip: 'Skip',
skipAd: 'Skip Ad',
skipAds: 'Skip Ads',
skipIn: 'Skip in: ',
visit: 'Visit Us',
info: 'Read more',
simultaneousAds: 'Playing {current} out of {total} ads',
adAnnouncement: 'Ad starting in ',
},
messages: {
playbackErrorTitle: 'Playback Error',
playbackErrorDescription: 'An error occurred during playback',
geoBlockedTitle: 'Geo Blocked',
geoBlockedDescription: 'This content is not available in your region',
streamInterruptedTitle: 'Stream Interrupted',
streamInterruptedDescription: 'The stream has been temporarily interrupted',
streamStartingTitle: 'Stream Starting',
streamStartingDescription: 'The stream will start shortly',
streamEndedTitle: '',
streamEndedDescription: '',
unpublishedTitle: 'Unpublished',
unpublishedDescription: 'This content has not been published yet',
privateTitle: 'Private',
privateDescription: 'This content is private and not available',
passwordProtectedTitle: '',
passwordProtectedDescription: '',
adBlockedTitle: '',
adBlockedDescription: '',
ageRestrictedTitle: '',
ageRestrictedDescription: '',
ageRestrictedButton: '',
paywallRestrictedTitle: 'Subscription Required',
paywallRestrictedDescription: 'Please subscribe to view this content',
paywallRestrictedButton: 'Subscribe Now',
paywallRestrictedHover: 'Subscription required to view this content',
},
},
skin: {
controlBar: {
background: 'string',
spread: 'solid',
gradientMidPoint: 50,
text: '#FFFFFF',
icons: {
default: '#FFFFFF',
hover: '#FFFFFF',
},
timeslider: {
progress: '#CC0000',
rail: '#808080',
buffer: '#E2E2E2',
dragger: '#CC0000',
},
volume: {
dragger: '#FFFFFF',
progress: '#FFFFFF',
rail: '#9F9F9F',
notifier: '#FFFFFF',
},
timesliderOnAd: {
progress: '#46c4eb',
rail: '#808080',
buffer: null,
dragger: '#FFFFFF',
},
},
menus: {
background: {
default: 'rgba(0, 0, 0, 0.7)',
hover: 'rgba(0, 0, 0, 0.7)',
},
links: {
default: '#FFFFFF',
hover: '#CC0000',
},
autoplay: {
autoplayOn: '#CC0000',
autoplayOff: '#A7A7A7',
},
},
nextVideo: {
background: 'rgba(46, 46, 46, 0.7)',
text: '#FFFFFF',
timeslider: {
rail: 'rgba(0, 0, 0, 0.3)',
progress: '#FFFFFF',
},
icons: {
play: {
default: '#FFFFFF',
hover: '#FFFFFF',
},
close: '#FFFFFF',
},
},
playlist: {
background: 'rgba(46, 46, 46, 0.7)',
text: '#FFFFFF',
icons: {
arrows: {
active: '#FFFFFF',
inactive: '#666666',
},
close: '#FFFFFF',
},
card: {
background: 'rgba(0, 0, 0, 0.35)',
title: '#FFFFFF',
duration: {
text: '#FFFFFF',
background: 'rgba(26, 26, 26, 0.5)',
},
icons: {
play: {
default: '#FFFFFF',
hover: '#FFFFFF',
},
},
},
},
},
},
});