npm package: @ff0000-ad-tech/ad-video
Description: [![npm (tag)](https://img.shields.io/npm/v/@ff0000-ad-tech%2Fad-video.svg?style=flat-square)](https://www.npmjs.com/package/@ff0000-ad-tech%2Fad-video) [![GitHub issues](https://img.shields.io/github/issues/ff0000-ad-tech/ad-video.svg?style=flat-square)](
Author: RED Interactive Agency
Latest version: 2.0.3

##### RED Interactive Agency - Ad Technology

[![npm (tag)](https://img.shields.io/npm/v/@ff0000-ad-tech%2Fad-video.svg?style=flat-square)](https://www.npmjs.com/package/@ff0000-ad-tech%2Fad-video)
[![GitHub issues](https://img.shields.io/github/issues/ff0000-ad-tech/ad-video.svg?style=flat-square)](https://github.com/ff0000-ad-tech/ad-video)
[![npm downloads](https://img.shields.io/npm/dm/@ff0000-ad-tech%2Fad-video.svg?style=flat-square)](https://www.npmjs.com/package/@ff0000-ad-tech%2Fad-video)

[![GitHub contributors](https://img.shields.io/github/contributors/ff0000-ad-tech/ad-video.svg?style=flat-square)](https://github.com/ff0000-ad-tech/ad-video/graphs/contributors/)
[![GitHub commit-activity](https://img.shields.io/github/commit-activity/y/ff0000-ad-tech/ad-video.svg?style=flat-square)](https://github.com/ff0000-ad-tech/ad-video/commits/master)
[![npm license](https://img.shields.io/npm/l/@ff0000-ad-tech%2Fad-video.svg?style=flat-square)](https://github.com/ff0000-ad-tech/ad-video/blob/master/LICENSE)
[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)

* * *

# Video

Media Players

## API

## <a name="AlphaVideoPlayer" href="./docs/AlphaVideoPlayer.md">AlphaVideoPlayer</a>
* new AlphaVideoPlayer()
## <a name="AudioPlayer" href="./docs/AudioPlayer.md">AudioPlayer</a>
* new AudioPlayer()
* <a href="./docs/AudioPlayer.md#AudioPlayer.autoPlay">.autoPlay</a> : <code>boolean</code>
* <a href="./docs/AudioPlayer.md#AudioPlayer.percent">.percent</a> : <code>number</code>
* <a href="./docs/AudioPlayer.md#AudioPlayer.source">.source</a> : <code>string</code>
* <a href="./docs/AudioPlayer.md#AudioPlayer.load">.load()</a>
* <a href="./docs/AudioPlayer.md#AudioPlayer.play">.play()</a>
* <a href="./docs/AudioPlayer.md#AudioPlayer.pause">.pause()</a>
* <a href="./docs/AudioPlayer.md#AudioPlayer.seek">.seek(sec)</a>
* <a href="./docs/AudioPlayer.md#AudioPlayer.stop">.stop()</a>
* <a href="./docs/AudioPlayer.md#AudioPlayer.mute">.mute()</a>
* <a href="./docs/AudioPlayer.md#AudioPlayer.unmute">.unmute()</a>
## <a name="CuePoints" href="./docs/CuePoints.md">CuePoints</a>
* new CuePoints()
## <a name="VideoControls" href="./docs/VideoControls.md">VideoControls</a>
* new VideoControls()
* <a href="./docs/VideoControls.md#VideoControls.controlBar">.controlBar</a> : <code>UIControlBar</code>
* <a href="./docs/VideoControls.md#VideoControls.replayOnInteraction">.replayOnInteraction</a> : <code>boolean</code>
* <a href="./docs/VideoControls.md#VideoControls.unmuteOnInteraction">.unmuteOnInteraction</a> : <code>boolean</code>
## <a name="VideoPlayer" href="./docs/VideoPlayer.md">VideoPlayer</a>
* new VideoPlayer()
* <a href="./docs/VideoPlayer.md#VideoPlayer.complete">.complete</a> : <code>boolean</code>
* <a href="./docs/VideoPlayer.md#VideoPlayer.hasPlayed">.hasPlayed</a> : <code>boolean</code>
* <a href="./docs/VideoPlayer.md#VideoPlayer.onComplete">.onComplete</a> : <code>function</code>
* <a href="./docs/VideoPlayer.md#VideoPlayer.onFail">.onFail</a> : <code>function</code>
* <a href="./docs/VideoPlayer.md#VideoPlayer.onBuffer">.onBuffer</a> : <code>function</code>
* <a href="./docs/VideoPlayer.md#VideoPlayer.onProgress">.onProgress</a> : <code>function</code>
* <a href="./docs/VideoPlayer.md#VideoPlayer.onReady">.onReady</a> : <code>function</code>
* <a href="./docs/VideoPlayer.md#VideoPlayer.container">.container</a> : <code>UIComponent</code>
* <a href="./docs/VideoPlayer.md#VideoPlayer.screen">.screen</a> : <code>video</code>
* <a href="./docs/VideoPlayer.md#VideoPlayer.autoPlay">.autoPlay</a> : <code>boolean</code>
* <a href="./docs/VideoPlayer.md#VideoPlayer.currentTime">.currentTime</a> : <code>number</code>
* <a href="./docs/VideoPlayer.md#VideoPlayer.duration">.duration</a> : <code>number</code>
* <a href="./docs/VideoPlayer.md#VideoPlayer.paused">.paused</a> : <code>boolean</code>
* <a href="./docs/VideoPlayer.md#VideoPlayer.percent">.percent</a> : <code>number</code>
* <a href="./docs/VideoPlayer.md#VideoPlayer.source">.source</a> : <code>string</code>
* <a href="./docs/VideoPlayer.md#VideoPlayer.volume">.volume</a> : <code>number</code>
* <a href="./docs/VideoPlayer.md#VideoPlayer.muted">.muted</a> : <code>boolean</code>
* <a href="./docs/VideoPlayer.md#VideoPlayer.forceInline">.forceInline</a> : <code>boolean</code>
* <a href="./docs/VideoPlayer.md#VideoPlayer.load">.load()</a>
* <a href="./docs/VideoPlayer.md#VideoPlayer.play">.play()</a>
* <a href="./docs/VideoPlayer.md#VideoPlayer.pause">.pause()</a>
* <a href="./docs/VideoPlayer.md#VideoPlayer.seek">.seek(sec)</a>
* <a href="./docs/VideoPlayer.md#VideoPlayer.stop">.stop()</a>
* <a href="./docs/VideoPlayer.md#VideoPlayer.mute">.mute()</a>
* <a href="./docs/VideoPlayer.md#VideoPlayer.unmute">.unmute()</a>
* <a href="./docs/VideoPlayer.md#VideoPlayer.resize">.resize(width, height)</a>
* <a href="./docs/VideoPlayer.md#VideoPlayer.addCuePoint">.addCuePoint(time, handler, params)</a>
* <a href="./docs/VideoPlayer.md#VideoPlayer.addControls">.addControls(obj)</a>
## <a name="YouTubePlayer" href="./docs/YouTubePlayer.md">YouTubePlayer</a>
* new YouTubePlayer()
* <a href="./docs/YouTubePlayer.md#YouTubePlayer.paused">.paused</a> : <code>boolean</code>
* <a href="./docs/YouTubePlayer.md#YouTubePlayer.percent">.percent</a> : <code>number</code>
* <a href="./docs/YouTubePlayer.md#YouTubePlayer.currentTime">.currentTime</a> : <code>number</code>
* <a href="./docs/YouTubePlayer.md#YouTubePlayer.complete">.complete</a> : <code>boolean</code>
* <a href="./docs/YouTubePlayer.md#YouTubePlayer.onReady">.onReady</a> : <code>function</code>
* <a href="./docs/YouTubePlayer.md#YouTubePlayer.onComplete">.onComplete</a> : <code>function</code>
* <a href="./docs/YouTubePlayer.md#YouTubePlayer.onFail">.onFail</a> : <code>function</code>
* <a href="./docs/YouTubePlayer.md#YouTubePlayer.onBuffer">.onBuffer</a> : <code>function</code>
* <a href="./docs/YouTubePlayer.md#YouTubePlayer.onProgress">.onProgress</a> : <code>function</code>
* <a href="./docs/YouTubePlayer.md#YouTubePlayer.onPlay">.onPlay</a> : <code>function</code>
* <a href="./docs/YouTubePlayer.md#YouTubePlayer.onAutoPlay">.onAutoPlay</a> : <code>function</code>
* <a href="./docs/YouTubePlayer.md#YouTubePlayer.onStop">.onStop</a> : <code>function</code>
* <a href="./docs/YouTubePlayer.md#YouTubePlayer.onPause">.onPause</a> : <code>function</code>
* <a href="./docs/YouTubePlayer.md#YouTubePlayer.container">.container</a> : <code>UIComponent</code>
* <a href="./docs/YouTubePlayer.md#YouTubePlayer.volume">.volume</a> : <code>number</code>
* <a href="./docs/YouTubePlayer.md#YouTubePlayer.source">.source</a> : <code>string</code>
* <a href="./docs/YouTubePlayer.md#YouTubePlayer.url">.url</a> : <code>string</code>
* <a href="./docs/YouTubePlayer.md#YouTubePlayer.autoPlay">.autoPlay</a> : <code>boolean</code>
* <a href="./docs/YouTubePlayer.md#YouTubePlayer.muted">.muted</a> : <code>boolean</code>
* <a href="./docs/YouTubePlayer.md#YouTubePlayer.nativeControls">.nativeControls</a> : <code>boolean</code>
* <a href="./docs/YouTubePlayer.md#YouTubePlayer.allowFullScreen">.allowFullScreen</a> : <code>boolean</code>
* <a href="./docs/YouTubePlayer.md#YouTubePlayer.quality">.quality</a> : <code>string</code>
* <a href="./docs/YouTubePlayer.md#YouTubePlayer.hide">.hide()</a>
* <a href="./docs/YouTubePlayer.md#YouTubePlayer.show">.show()</a>
* <a href="./docs/YouTubePlayer.md#YouTubePlayer.play">.play()</a>
* <a href="./docs/YouTubePlayer.md#YouTubePlayer.pause">.pause()</a>
* <a href="./docs/YouTubePlayer.md#YouTubePlayer.seek">.seek(sec)</a>
* <a href="./docs/YouTubePlayer.md#YouTubePlayer.stop">.stop()</a>
* <a href="./docs/YouTubePlayer.md#YouTubePlayer.mute">.mute()</a>
* <a href="./docs/YouTubePlayer.md#YouTubePlayer.unmute">.unmute()</a>
* <a href="./docs/YouTubePlayer.md#YouTubePlayer.addCuePoint">.addCuePoint(time, handler, params)</a>
## <a name="MediaEvent" href="./docs/MediaEvent.md">MediaEvent</a>
* <a href="./docs/MediaEvent.md#MediaEvent.AUTOPLAY">.AUTOPLAY</a> : <code>string</code>
* <a href="./docs/MediaEvent.md#MediaEvent.BUFFER">.BUFFER</a> : <code>string</code>
* <a href="./docs/MediaEvent.md#MediaEvent.COMPLETE">.COMPLETE</a> : <code>string</code>
* <a href="./docs/MediaEvent.md#MediaEvent.FAIL">.FAIL</a> : <code>string</code>
* <a href="./docs/MediaEvent.md#MediaEvent.MUTE">.MUTE</a> : <code>string</code>
* <a href="./docs/MediaEvent.md#MediaEvent.PAUSE">.PAUSE</a> : <code>string</code>
* <a href="./docs/MediaEvent.md#MediaEvent.PLAY">.PLAY</a> : <code>string</code>
* <a href="./docs/MediaEvent.md#MediaEvent.PROGRESS">.PROGRESS</a> : <code>string</code>
* <a href="./docs/MediaEvent.md#MediaEvent.READY">.READY</a> : <code>string</code>
* <a href="./docs/MediaEvent.md#MediaEvent.STOP">.STOP</a> : <code>string</code>
* <a href="./docs/MediaEvent.md#MediaEvent.UNMUTE">.UNMUTE</a> : <code>string</code>
## <a name="UIButtonFullScreen" href="./docs/UIButtonFullScreen.md">UIButtonFullScreen</a>
* new UIButtonFullScreen()
## <a name="UIButtonMute" href="./docs/UIButtonMute.md">UIButtonMute</a>
* new UIButtonMute()
## <a name="UIButtonPlayPause" href="./docs/UIButtonPlayPause.md">UIButtonPlayPause</a>
* new UIButtonPlayPause()
## <a name="UIButtonReplay" href="./docs/UIButtonReplay.md">UIButtonReplay</a>
* new UIButtonReplay()
## <a name="UIControlBar" href="./docs/UIControlBar.md">UIControlBar</a>
* new UIControlBar()
* <a href="./docs/UIControlBar.md#UIControlBar.constant">.constant</a> : <code>boolean</code>
* <a href="./docs/UIControlBar.md#UIControlBar.showOnPoster">.showOnPoster</a> : <code>boolean</code>
## <a name="UITimeDisplay" href="./docs/UITimeDisplay.md">UITimeDisplay</a>
* new UITimeDisplay()
* <a href="./docs/UITimeDisplay.md#UITimeDisplay.showDuration">.showDuration</a> : <code>boolean</code>


* * *