0.0.7-alpha • Published 6 years ago
maestro-videojs-vast v0.0.7-alpha
maestro-videojs-vast
Usage
import videojs from 'maestro-videojs-vast';
import React from 'react';
import videojs from 'maestro-videojs-vast/dist/maestroVideoJsVast.min.js'
import 'maestro-videojs-vast/dist/maestroVideoJsVast.css'
export default class VideoPlayer extends React.Component {
componentDidMount() {
// instantiate Video.js
// make sure you pass in a fallback empty src URL for the video
this.player = videojs(this.videoNode, this.props, function onPlayerReady() {
console.log('onPlayerReady', this)
});
this.player.ads();
this.player.vast({
url: "<vast_url_here>"
});
}
// destroy player on unmount
componentWillUnmount() {
if (this.player) {
this.player.dispose()
}
}
// wrap the player in a div with a `data-vjs-player` attribute
// so videojs won't create additional wrapper in the DOM
// see https://github.com/videojs/video.js/pull/3856
render() {
return (
<div>
<div data-vjs-player>
<video ref={ node => this.videoNode = node } className="video-js"></video>
</div>
</div>
)
}
}
EVENTS
All HTML5 video events, plus videojs event and vast events
Event | Description |
---|---|
adcanplay | ad can play |
adclick | ad link was clicked |
vast-adended | ad ended |
adpause | ad was paused |
adtimeupdate | ad time update |
vast-preoroll-removed | ad has ended |
vast-preroll-skip | ad was skipped |
METHODS
All video.js methods plus...
Method | Description |
---|---|
player.trigger('vast-preroll-skip') | skips vast ad |
CREDIT
0.0.7-alpha
6 years ago
0.0.6-alpha
6 years ago
0.0.5-alpha
6 years ago
0.0.4-alpha
6 years ago
0.0.3-alpha
6 years ago
0.0.2-alpha
6 years ago
0.0.1-alpha
6 years ago