Current Version - v3

Supported Streams

Supported Streams are HLS(m3u8), MP4, LIVEHLS (Live stream with DVR), DASH and MP3

Supported Ads

Google IMA linear and non-linear ads for pre, mid and post roll.

Refer below table for platform-wise supported ads for different ad types:

Platform	Linear	Non-linear	Skippable	Non-skippable
Chrome Web	Y	Y	Y	Y
Firefox Web	Y	Y	Y	Y
Safari Web	Y	Y	Y	Y
Chrome Android	Y	Y	Y	Y
Firefox Android	Y	Y	Y	Y
Safari iPhone	Y	N	N	Y

Slike Playback Capabilities

Slike Player can play videos published by Slike CMS, YouTube media with YouTube ID and YouTube/Dailymotion media published in Slike CMS with Slike ID.

Getting Started

There are 2 options available to integrate Slike SDK:

1. Using our Embed player if you want to play the video. It is an easier & recommended method.

2. Using sdk.js for more control over the video.

Embedding Slike Player

You can integrate our embed player by using the below code:

<iframe src="https://tvid.in/sdk/stg/embed/index.html#apikey=test403web5a8sg6o9ug&videoid=1x5a8mx9g9&env=stg&v=3.6.8&skipad=true" style="position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; height: 100%; width: 100%; max-height: 100%; max-width: 100%; visibility: visible;" onload="this.style.visibility='visible';" border="0" frameborder="0" seamless="" scrolling="no" allowfullscreen="true" allowtransparency="true"> </iframe>

Generate your embed code from Embed code generator

Javascript SDK

Use below URL to integrate Slike SDK into the page dynamically

https://tvid.in/sdk/loader.js

Configuration Reference

Following are configuration variables required to be set:

Params	Type	Description	Required	Sample
sdk	json	App variables like API Key and Referrer	Y
page	json	Page related variables like Base URL of site	Y
player	json	Player related variables	Y	volume, autoPlay etc
video	json	Video content related variables	Y	title, shareUrl etc
events	json	Player and Ad events	Y	onEnd, onFullscreen , onStatechange etc

SDK

Details of all SDK variables are given below:

Params	Query Parameter	Type	Description	Required	Default	Sample
apiKey	apikey	string	Unique Application key provided by Slike team	Y	test
contEl	contEl	string	Container div on which player should be rendered	N		playerContainer
sdkBase	h	string	sdkbase load path	Y
env	env	string	environment where video is playing, stg for staging and prod for production	Y	prod	it can be 'stg' or 'prod'
version	v	string	slike version, If only needs to be hardcoded	Y
GDPR_MODE	gdpr	boolean	To be set True - In GDPR Region, False in others	N	false
isES5	es5	boolean	ECMAScript 5 compatibility	N	false
debug	debug	boolean	Debug Mode	N	false
noBeacon	nobeacon	boolean	Network beacon	N	false
colombiaCookieId	colombiacookieid	string	User cookie id to be sent to columbia in advertisement call to IMA	N
gaId	gaid	string	Publisher Google analytics ID - if GA required	N
comscoreId		string	Publisher Comscore id - If comscore required	N
mediaBaseUrl		string	contains the url for media base	N
adContainer		string	Container of ad to be displayed	N

Page

Details of the page variable is given below:

Params	Type	Description	Required	Default	Sample
origin	string	Base URL of the site where player is embedded	Y		http://indiatimes.com

Player

Details of the different player variables are given below:

Params	Query Parameter	Type	Description	Required	Default	Sample
lang	lang	string	language to be catched from client and dispatched to Google IMA for content language targeting	N
skipReco	skipreco	boolean	If set true, recommendation will skip	N	false
autoPlay	autoplay	boolean	To start the playback automatically on player creation, when set true. Only works if browser supports auto-play	N	true
fallbackMute	fallbackmute	boolean	Fall back in case of non-mute is not allowed from browser end	N	true
unmuteOnTap	unmuteontap	boolean	If set true, Video gets unmuted on tap	N	true
mute	mute	boolean	initiate the player as muted	N	false
skipAd	skipad	boolean	To abandon any ad request from the player	N	false
adSection	adsection	string	section to be passed to IMA as well as slike analytics	N	default	home.top
playListUrl	playlisturl	string	URL of the playlist to be played	N
playlist	playlist	boolean	Playlist enable/disable	N	false
playlistId	playlistid	string	slike cms playlist id to be used by slike player	N
midOverlayState	midoverlaystate	integer	should be 1 if overlay ads are required	N	1
volume	volume	int	Sets the volume of the player between 0-100	N	70	1 for mute, 100 for full volume
skipYT	skipyt	boolean	Skip youtube content	N	false
playsInline	playsinline	boolean	Inline play to avoid native pplayer envoke in ios	N	true
isAMP	amp	boolean	For amp environment	N	true
preferMp4	mp4	boolean	prefer mp4 over m3u8, will increase load time though if set true	N	false
skipAnalytics	skipanalytics	boolean	if slike analytics is required or not	N	false
manifestLessHls	mlh	boolean	manifestless hls decreases load time	N	true
shareOptions	shareOptions	string	shareoptions to be shown on player share icon : [twitter,facebook,watsapp, copy url]	N		there are 4 values t, f, w, e
mid	mid	integer	This input is used for mid overlay Ad data	N	0
midOverlayDisplayTime	modt	integer	period for which mid overlay ads to be shown in seconds	N	0
tpAds	dmads	boolean	thirdparty ads required or not, in case there are any third party contracts made	N	false	if this value will be true then this will be updated with dm
slikeAdPercent	slikeadpercent	integer	Google IMA & Columbia JS percentage to be used on videos	N	0
gestureControls	gc	boolean	gesture controls enable/disable	N	true
playAdOnRequest	playadonrequest	boolean	If this is true then ad will be only on external request otherwise it will not play	N	false
isPrime	prime	boolean	if a prime user	N	false
playInBackground	pib	boolean	to play in background	N	false
playerTimeOut	playertimeout	integer	seconds to try for a content and switch to next	N	8
midRollAdBreak	midrolladbreaks	integer	array to define the time on which mid rolls to be rendered , ex: [20, 40]: 20 second and 40 second of content	N	[0,0,0]
adInterval	adinterval	integer	adinterval between any two ads	N	0
skipPrefetch	skipprefetch	boolean	prefetch on/off	N	false
prefetchNode	prefetchnode	string	Related to add prefetch node for ad-manager	N
seekToLastPos	seektolastpos	boolean	if user refreshes,content should be where he left off	N	false
mediaSession	mediasession	boolean	key used in podcast for all controls to be available on notification bar when player is in background	N	false
showSeekTime	showseektime	boolean	If we want to hide the seek time of video then we can pass this as true	N	true
transmit	transmit	boolean	if this is true then from flavours array only the data with transmit is filtered out	N	false
showLastVideoFrame	lastvideoframe	boolean	If we want to hide the title and background image on endscreen then we can pass this value as true.	N	false
channelName	channelname	string	If we want to append channelName in the top title then string can be pass	N
liveBtnPos	livebtnpos	string	Live Btn Default position is BottomRight, if anyone wants to change position then they can pass	N	Values can be topleft, topright, bottomleft
showTitle	showtitle	boolean	If we want to show the title then this can be set to true	N	false
controllerTime	controllertime	integer	decides the visibility time for custom controls	N	0
videoLoop	loop	boolean	Play a single video on loop if set as true	N	false	Set loop = true/false in query parameter
iosNativeFs	iosnativefs	boolean	Check for iosNative	N	false
canvasOnly	canvasonly	integer	if sets true, video will also visible on background	N	0
bgVideo	bgvideo	integer	If we will give any integer value to this field then video will also appear in background of main video instead of black background	N	0
ppid	ppid	string	if we want to append google ppid in ad manager then string can be pass	N
deferredPreroll	deferredPreroll	string	if peroll is to be deferred then value can be pass	N
description_url	description_url	string	which can be used to set as macro for ad tag	N
maxBufferLength	maxbufferlength	integer	Buffer length for hls player	N	0
pageSection	breadcrumb	string	To identify the page section, required for reporting purpose. These are the unsupported or reserved characters: ~,", ', =, !, +, #, *, ~, ;, ^, (, ), <, >, [, ]	Y		Format - SECTION.SUBSECTION1.SUBSECTION2.ETC. Eg - news.videos.city.featured, if pagination is NEWS»VIDEOS»CITY»FEATURED
autoPlayNext		boolean	If set true, SlikePlayer will allow auto playing of next item	N	true
shuffle		boolean	if set true, playlist will be shuffle on video end	N	false
autoPlay		boolean	If set true, SlikePlayer will allow auto playing of next item	N	true
playlistData		array	Contains the playlist data	N	[]
skipAdOverTp		boolean		N	true
pagetpl	tpl	string	Page Template to bifurcate data ex -: ArticleShow, VideoShow or ET Now, Mirrow Now in case of Times Now	N
scrollBehaviour		boolean	if set true, default scrollconfig will be added for scroll behaviour	N	false
midRollAdInterval		number	number value for mid roll ad	N	0
commonSkipAd		array	contains the array for skipping preroll,midroll and postroll ad	N	[0, 0, 0]
replaySkipAd		array	contains the array for skipping preroll,midroll and postroll ad during replay	N	[0, 0, 0]
playlistSkipAd		array	contains the array for skipping preroll,midroll and postroll ad during playlist	N	[0, 0, 0]
bodyClickPlayToggle		boolean	if set true, video will be play on click on the body of video	N	true
pageUrl		string	contains the pageurl	N

Controls

Details of the different controls variables are given below:

Params	Query Parameter	Type	Description	Required	Default	Sample
dock	docktype	string	type of the dock(custom/native)	N	false	we can provide docktype = custom
dismissible	Dock closable or not	boolean	flag for closing the dock	N	false
ui	ui	string	type of the ui that user wants	N	slike	Values can be slike, podcast, headless, native
theme	waveform	string	Podcast UI with waveform	N
themeClass	etpodcast	string	Only for ET team	N		for eg - __whiteTheme
headless	headless	boolean	If we want to hide the control icons	N	false

Video

Details of all the video related variables are given below:

Params	Query Parameter	Type	Description	Required	Default	Sample
simulive	simulive	integer	VOD to Live(Feature based)	N	0
id	videoid	string	Slike ID from CMS	Y		1x1emnsggl
url	videourl	string	url of the video to be played - Use only when url playback required and slike id does not exist	N	0
playerType	playertype	string	Player type : url/youtube/dm - depending on the content	N	null
image	image	string	Override player poster image from client end providing image url here	N
title	title	string	Video title to be used in player in fullscreen mode	N
startTime	starttime	integer	Video/audio Start from a particular time	N
preRollUrl	prerollurl	string	Override URL for preroll ad	N
midRollUrl	midrollurl	string	Override URL for midroll ad	N
postRollUrl	postrollurl	string	Override url for postroll ad	N
shareUrl	shareurl	string	URL to be used for social sharing. If no URL is sent, share button would not be visible	N
imageOnTitleFS	imagetitlefs	string	This is src url for image to be displayed on title	N
endText	live_endtext	string	message to be displayed at time of live event ended	N
msid	msid	string	ID from the Denmark CMS for article/video	N
description_url	description_url	string	article url in English to be sent to Ad Manager IMA	N

live

Details of all the live related variables are given below:

Params	Query Parameter	Type	Description	Required	Default
lowLatency	lowlatency	boolean	if this is true, config is updated with defaultLowLatencyConfig	N	false
loadDVR	loaddvr	boolean	if set to true, DVR mode will be set to true	N	false
liveMinDurationToEnableSeekl		boolean	contains the minimum duration to enable seek during live video	N	false
seamless	seamless	boolean	if set to true, body click play toggle sets to false	N	false

podcastui

Details of all the podcastui related variables are given below:

Params	Query Parameter	Type	Description	Required	Default
bgColor	podbg	string	background color of podcast	N
title	podtitle	string	title of the podcast to be displayed	N	false
playPauseBg	podppbg	string	background color of podcast play/pause	N
bufferBgColor	podbufbg	string	background color of podcast Buffer	N

scrollBehaviour

Details of all the scrollBehaviour related variables are given below:

Params	Type	Description	Required
inViewPercent	number	percent for video port to used during scrollbehaviour	N
docktype	string	type of the dock	N
autoPlay	boolean	if set to true, video will be autoplay once come in view port	N
autoPause	boolean	if set to true, video will be autopause once come in view port	N

recommendation

Details of all the recommendation related variables are given below:

Params	Type	Description	Required	Default
reco	boolean	if set to true, recommendation list will be populated	N	false
pause	number		N	0
endscreen	number	after video end, this sets to 1 that video is ended	N	0
response	number		N	0
nextvideodata	object	contains the data for next video i.e. to be played	N	{}

Settings of ApiConfig

Details of all the setting variables of ApiConfig related variables are given below:

Params	Type	Description	Required	Default
videoPlayed	number	stores the time of the video played	N	3000
preEnd	number	event just before the video is going to end	N	95
tpAds	string array	thirdparty ads required or not, in case there are any third party contracts made	N	['']
hintervals	string array	contains the array of data for health intervals	N	['10', '3', '6', '30']
tsu	string array	used for calculating randomindex during handling of interactive live stream	N	['https://livelogs.slike.in/time']
playerTimeOut	number	seconds to try for a content and switch to next	N	8
adInterval	number	adinterval between any two ads	N	5000
adfirst	boolean	if set to true, then the adfirst enabled logic will work	N	false

Create Player

After the SDK is loaded , you can create Player with all the given Parameters.

 if(window.spl && window.spl.load){
      window.spl.load(PLAYER_CONFIG, function(status, config){
          if(status){
              window.player = new window.SlikePlayer(config);
              handleAdEvents(window.player);
              handlePlayerEvents(window.player);
          }
      })
  };

playerConfig is the player configuration object, the details of which are given in playerVars table
callback is the callback function which will be fired after the player is created successfully. Player Instance will be passed in the given callback which should be used for further interaction between the Player and the Player SDK.

Advanced Features

Pause other Players

If there are more than one players on the page , it pause all the Players with just a single function except one that is visible in viewport. Make Sure to call this function after the player is instantiated successfully.

Destroy Player

If a player is no longer in use we can destroy the instance of the player. Player can itself handle the old instance if not destroyed explicitly. A callback will be fired after the player is destroyed successfully

S.destroy ();

Here are the list of events which can be registered and fired accordingly. These functions need to be passed inside Events Object in Player Config.

Name	Description	Callback Params	Event Data
onPlayerEvent	Events related to Player	e,data
onAdEvent	Event will be dispatched when an ad is initiated and while playing. Gives all the events related to current ad being played	adData,data	View AdsData JSON

Here are the list of events which will be fired from the Player

Name	Description	Callback Params	Event Data
onInit	Event will be dispatched when player is initialize	player,e,data	e - true
onReady	Event will be dispatched when player is ready	e,data	data - "[null,{"muted":false,"state":"","position":0,"volume":50,"type":["hls","html5","adaptive"]}]"
onPlaylistDataReceived	Event will be dispatched when playlist data is received	e,data	e - true
onVideoStarted	Event will be dispatched when video is started	e,data	e - true
onVideoPaused	Event will be dispatched when video is paused	e,data	e - true
onVideoResumed	Event will be dispatched when video is resumed	e,data	e - true
onVideoMuted	Event will be dispatched when video is muted	e,data	e - true
onVolumeChange	Event will be dispatched when video volume is changed	e,data	e - true
onVideoEnded	Event will be dispatched when video is ended	e,data	e - true
onVideoProgress	Event will be dispatched when video play is in progress	e,data	e - true
onVideoTimeUpdate	Event will be dispatched when video time will be updating	e,data	e - true
onVideoWaiting	Event will be dispatched when video is waiting to play	e,data	e - true
onVideoStalled	Event will be dispatched when video is stalled(trying to fetch media data, but data is unexpectedly not forthcoming)	e,data	e - true
onVideoSeeking	Event will be dispatched when video is seeking	e,data	e - true
onVideoSeeked	Event will be dispatched when video is seeked	e,data	e - true
onVideoOver	Event will be dispatched when video is over	e,data	e - true
onVideoCompleted	Event will be dispatched once video is completed	e,data	e - true
onVideoReload	Event will be dispatched when video is reloading	e,data	e - true
onVideoNext	Event will be dispatched when next video is going to play	e,data	e - true
onVideoPrev	Event will be dispatched when previous video is going to play	e,data	e - true
onVideoFullscreenchange	Event will be dispatched when player enters the fullscreen mode or exits from fullscreen	e,data	e - true / false true: Enters fullsceen false: Exits fullscreen
onVideoPlaybackStarted	Event will be dispatched when video playback is started	e,data	e - true
onVideoPlaybackFailed	Event will be dispatched when video playback is failed	e,data	e - true
onApiConfigLoaded	Event will be dispatched when Api config data is loaded	e,data	e - true
onMediaConfigLoaded	Event will be dispatched when media config data is loaded	e,data	e - true
onConfigLoaded	Event will be dispatched when config data is loaded	e,data	e - true
onError	Event will be dispatched when any error is received during playback	e,data	e - true
onTPLoaded	Event will be dispatched when tp is loaded to hide the loader	e,data	e - true
onVideoMuteStarted	Event will be dispatched when video is started with mute mode	e,data	e - true
onEnvReady	Event will be dispatched once video environment is ready	e,data	e - true
onVisibilityChange	Event will be dispatched when video visibility is change	e,data	e - true
onInternetOn	Event will be dispatched when Internet will be on	e,data	e - true
onInternetOff	Event will be dispatched when Internet will be off	e,data	e - true
onPlayerError	Event will be dispatched when there is a error in player	e,data	e - true
onCuePointReceived	Event will be dispatched when Cue point is received	e,data	e - true
onHlsError	Event will be dispatched when there is hls error	e,data	e - true
onStreamStatus	Event will be dispatched whenevr stream status changes	e,data	e - true
onQualityChange	Event will be dispatched when quality of video will be change	e,data	e - true
onSdkRequested	Event will be dispatched when request for sdk is made	e,data	e - true
onSdkLoaded	Event will be dispatched when Sdk is completely loaded	e,data	e - true
onManifestRequested	Event will be dispatched when manifest is requested	e,data	e - true
onManifestLoaded	Event will be dispatched when manifest is completely loaded	e,data	e - true
onVideoRequested	Event will be dispatched when request for video is made	e,data	e - true
onVideoLoaded	Event will be dispatched when video is completely loaded	e,data	e - true
onDependencyRequested	Event will be dispatched when requested for dependency during video journey	e,data	e - true
onDependencyLoaded	Event will be dispatched when dependency is completely loaded	e,data	e - true
onVideoPlayClicked	Event will be dispatched when video play is clicked	e,data	e - true
onApiConfigRequested	Event will be dispatched when request for Api Config is made	e,data	e - true
onMediaConfigRequested	Event will be dispatched when request for media Config is made	e,data	e - true
onAdWait	Event will be dispatched during ad wait	e,data	e - true
onLatencyUpdate	Event will be dispatched during latency update	e,data	e - true
onStreamToggle	Event will be dispatched during stream toggle	e,data	e - true
onVideoDurationUpdate	Event will be dispatched during update of video duration any time	e,data	e - true
onOverlayStateChange	Event will be dispatched when overlay state is change	e,data	e - true
onDockEnter	Event will be dispatched when video is entered in dock mode	e,data	e - true
onDockExit	Event will be dispatched when video is exit from dock mode	e,data	e - true
onUserClose	Event will be dispatched when close button is clicked by user	e,data	e - true
onDockClick	Event will be dispatched when video dock icon is click	e,data	e - true
onControlsShow	Event will be dispatched when user wants to show the control icons	e,data	e - true
onControlsHide	Event will be dispatched when user wants to hide the control icons	e,data	e - true
onSimuliveLatencyUpdate	Event will be dispatched during update of simulive mode	e,data	e - true
onDomainError	Event will be dispatched when domain blocked error comes	e,data	e - true
onHlsFragParsingMetadata	Event will be dispatched during hls fragment received	e,data	e - true
onAdBlocker	Event will be dispatched when there is any ad blocker	e,data	e - true
onVideoSwitched	Event will be dispatched when video quality is switched	e,data	e - true
onLiveEnded	Event will be dispatched when live video is ended	e,data	e - true
onPlayIconClicked	Event will be dispatched whenever play icon is clicked	e,data	e - true
splPauseIconClicked	Event will be dispatched whenever pause icon is clicked	e,data	e - true
onRecoloaded	Event will be dispatched when recommended video data is loaded	e,data	e - true
onRecoEndScreenDisplayed	Event will be dispatched when recommended video screen is displayed after completion of a video	e,data	e - true
onRecoEligible	Event will be dispatched when player is eligible for recommendation video	e,data	e - true
onRecoRendered	Event will be dispatched when external recommendation videos are rendered	e,data	e - true
onInternetError	Event will be dispatched when there is any internet error occurred	e,data	e - true

Here are the list of events which will be fired from the Ad

Name	Description	Callback Params	Event Data
onAdClick	Event will be dispatched when there is click on ad , if it is first time then video gets unmuted	e,data	e - true
onAdComplete	Event will be dispatched when ad is completed	e,data	e - true
onAdFirstquartile	Event will be dispatched when first quartile of ad is completed	e,data	e - true
onAdLoaded	Event will be dispatched when ad is loaded	e,data	e - true
onAdMidpoint	Event will be dispatched when ad play is in between	e,data	e - true
onAdPause	Event will be dispatched when ad is paused	e,data	e - true
onAdStart	Event will be dispatched when ad is started	e,data	e - true
onAdThirdquartile	Event will be dispatched when third quartile of ad is completed	e,data	e - true
onAdSkip	Event will be dispatched when Skip Ad button is clicked	e,data	e - true
onAdVolumeChange	Event will be dispatched when volume is change during ad play	e,data	e - true
onAdResume	Event will be dispatched when ad play button is clicked after pause	e,data	e - true
onAdMuted	Event will be dispatched when ad is muted	e,data	e - true
onAdProgress	Event will be dispatched during ad progress	e,data	e - true
onAdError	Event will be dispatched when any error is occurred during ad run	e,data	e - true
onAdRequest	Event will be dispatched when request for ad is made	e,data	e - true
onAdEnded	Event will be dispatched when player ad is ended	e,data	e - true
onAdImpression	Called when an impression is recorded for an ad	e,data	e - true
onAdCreativeRequest	for ad analytics journey	e,data	e - true
onAdView	Event will be dispatched during adview	e,data	e - true
onAdSdkLoad	Event will be dispatched when AD SDK is loaded	e,data	e - true
onAdSdkRequest	Event will be dispatched when when AD SDK is requested	e,data	e - true
onAdBlocked	Event will be dispatched when there is adblocker due to any reason	e,data	e - true
onAdPrefetched	Event will be dispatched for prefetching ad content	e,data	e - true
onAdPolling	Event will be dispatched during ad polling request	e,data	e - true
onAdCreativeLoadPolling	Event will be dispatched for creative ad load polling	e,data	e - true

Details of all available AdData params are given below:

Params	Type	Description	Values
type	string	Type of ad: pre / mid / post	pre / mid / post
duration	float	Duration of ad video being played
linear	integer	whether ad type is linear or non-linear	values are 1 /0
creativeId	string	creativeId of the ad tag
id	string	AdID value from VAST
campaignid	string	Campaign ID from Slike for the Ad being played
muted	boolean	Whether ad in mute state	true / false
paused	boolean	Whether ad is paused	true / false
position	float	Current position of the ad
title	string	title of ad
publisher	string	publisher of ad
skippable	string	whether ad is skippable or non skippable	skippable/non-skippable
event	int	Event Code	0 : REQUEST 1 : START 2 : ERROR 3 : VIEW 4 : FIRSTQUARTILE 5 : MIDPOINT 6 : THIRDQUARTILE 7 : COMPLETE 7 : END 8 : SKIP 9 : THIRDQUARTILE 10 : COMPLETE 11 : END 12 : SKIP
state	string	Current ad event state	error : error occurred during playback loaded: When the ad is loaded start: When the ad is started firstQuartile: First quartile of ad completion midpoint: Second quartile of ad completion thirdQuartile: Third quartile of ad completion Complete: When the ad is completed end: When the ad is ended via skip or complete click: When user clicks on promotional link in ad skip: When user clicks on skip button pause: When user clicks on pause button resume: When user clicks on play button after pause

End Screen Implementation

A Default EndScreen is provided for generating the UI at the end of Player. These types of Endscreens are supported:

If the next video is not available, the player does not autoplays and displays the replay screen
If the next video is available, the player autoplays the next video
If a Playlist is available, the player displays the playlist

Setting Next Video

You can pass playlist flag as true or false and also playlist id that is to be played.


Sample :
const {
  playerConfig: { player },
  playlist: { playlistData, currentVideoIndex, nextVideoData, shuffledVideo }
} = ctx.store;

Analytics

Google Analytics

We can send GA Events from inside of the player, after it gets activated . GA ID(gaId) has to be passed from the APIKEY.

playerVars : { 
    isGAPlugin : true / false
}

Comscore

We can Send ComscoreEvents from inside of the player, after it gets activated. Comscore ID(comscoreId) has to be passed from the APIKEY.

playerVars : { 
    isComScorePlugin: true / false
}

Player Functions

Following Functions are exposed in the instance of Players

S.load( ContainerID, PlayerConfig, Callback)
    Callback :: function(PlayerInstance){
    //Save Player instance for future reference
}

    PlayerInstance.play();
PlayerInstance.pause();
PlayerInstance.mute();
PlayerInstance.volume();
PlayerInstance.seek();

Google AMP

Please refer to Google guidelines below for implementing Slike Player in Google AMP

Google guidelines:
//www.ampproject.org/docs/guides/iframes

AMP Playground:
//ampbyexample.com/playground/#url=https%3A%2F%2Fampbyexample.com%2Fcomponents%2Famp-iframe%2Fsource%2F

Use AMP Playground to test the codes, copy and paste the below code to test:

Add these script/css file on your page head:

<script async src="//cdn.ampproject.org/v0.js"</script>
<script async custom-element="amp-iframe" src="//cdn.ampproject.org/v0/amp-iframe-0.1.js"</script>
<link rel="canonical" href="//ampbyexample.com/components/amp-iframe"

Use these tag for player iFrame :-

<amp-iframe width=300 height=400 sandbox="allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox" layout="responsive" frameborder="0" src="//www.google.com/maps/embed/v1/place?key=AIzaSyDG9YXIhKBhqclZizcSzJ0ROiE0qgVfwzI&q=Alameda,%20CA">
</amp-iframe>
<article class="outBlck">
<amp-iframe width="300" height="300" layout="responsive" sandbox="allow-scripts allow-same-origin allow-popups" allowfullscreen frameborder="0" src="//slike.indiatimes.com/feed/player/embed/vod/playerv14.14.html?videoId=1x1fqfe9u9"></amp-iframe>
</article>

Facebook Instant Article

If you would like to embed a video via a third-party player, you can do so using a Social Embed or Interactive element.

Please note : The videos embedded via a third-party player can't appear in your Header or News Feed Preview.

Use below tag for player

<figure class="op-interactive">
<iframe frameborder="0" height="315" src=" http://slike.indiatimes.com/feed/player/embed/vod/playerv14.14.html?videoId=1x1fqfe9u9" width="560"></iframe>
</figure>

Also, refer to Facebook documentation for implementing Slike Player - //developers.facebook.com/docs/instant-articles/reference/embeds

Version History

Slike Version 1.0.0