maestro-videojs-vast
### Usage ```jsx import videojs from 'maestro-videojs-vast';
Last updated 2 years ago by maestro_io .
MIT · Original npm · Tarball · package.json
$ cnpm install maestro-videojs-vast 
SYNC missed versions from official npm registry.

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

video.js
video-contrib-ads
videojsx-vast-plugin

Current Tags

  • 0.0.7-alpha                                ...           latest (2 years ago)

7 Versions

  • 0.0.7-alpha                                ...           2 years ago
  • 0.0.6-alpha                                ...           2 years ago
  • 0.0.5-alpha                                ...           2 years ago
  • 0.0.4-alpha                                ...           2 years ago
  • 0.0.3-alpha                                ...           2 years ago
  • 0.0.2-alpha                                ...           2 years ago
  • 0.0.1-alpha                                ...           2 years ago
Downloads
Today 0
This Week 1
This Month 1
Last Day 0
Last Week 0
Last Month 0
Dependencies (0)
None
Dependents (0)
None

Copyright 2014 - 2016 © taobao.org |