Ströer Videoplayer Plugin Interactive Video Ads

Development

Install via dependencies via yarn --dev.

Build via yarn run build. Lint via yarn run lint. Test via yarn run test.

See coverage with yarn run test --coverage.

Usage

Events

• IVADerror
• IVADimpression
• IVADpause
• IVADresume
• IVADclick
• IVADmute
• IVADunmute
• IVADfullscreen
• IVADexitFullscreen
• IVADfirstQuartile
• IVADmidpoint
• IVADthirdQuartile
• IVADended

Basic Markup

<script src="StroeerVideoplayer.umd.js"></script>
<link rel="stylesheet" href="StroeerVideoplayer.css" />

<script src="StroeerVideoplayer-default-ui.umd.js"></script>
<link rel="stylesheet" href="StroeerVideoplayer-default-ui.css" />

<script src="StroeerVideoplayer-ivad-ui.umd.js"></script>
<link rel="stylesheet" href="StroeerVideoplayer-ivad-ui.css" />

<script src="StroeerVideoplayer-ivad-plugin.umd.js"></script>

<video id="myvideoplayer1"
	class="stroeervideoplayer"
	poster="https://videos.giga.de/files/1307753225/720p.jpg"
	preload="metadata"
	playsinline
	controls
	data-ivad-preroll-adtag="https://your-vast.com/adtag.xml">
	<source src="https://vid-cdn60.stroeermb.de/787303133_v4/playlist.m3u8" type="application/x-mpegURL" />
</video>

<script>
	StroeerVideoplayer.registerUI(StroeerVideoplayerDefaultUI);
	StroeerVideoplayer.registerUI(StroeerVideoplayerIvadUI)
	StroeerVideoplayer.registerPlugin(StroeerVideoplayerIvadPlugin)
	const video = document.getElementById('myvideoplayer1')
	const myvideoplayer1 = new StroeerVideoplayer(video)
	myvideoplayer1.loadStreamSource()
	myvideoplayer1.initPlugin('ivad')
</script>