player-events

Made with create-react-library

Usage no npm install needed!

<script type="module">
  import playerEvents from 'https://cdn.skypack.dev/player-events';
</script>

README

player-events

Made with create-react-library

NPM JavaScript Style Guide

Install

npm install --save player-events

Usage

import React, { Component } from 'react'
import PlayerEvents from 'player-events'

class Example extends Component {
  handleEvent() {
    const events = new PlayerEvents()
    events.callAllEventsUrl('url', 'action')
  }

  render() {
    return (
      <div className='main-content'>
        <form>
          <div className='inputUrl'>
            <label htmlFor='adsJson'>Url:</label>
            <input
              type='text'
              id='adsJson'
              onChange={this.handleEvent}
              value=''
            />
          </div>
          <div>
            <label htmlFor='actiontype'>Action:</label>
            <select id='actiontype' onChange={this.handleChangeAction}>
              <option value='midpoint'>midpoint</option>
              <option value='firstQuartile'>firstQuartile</option>
              <option value='thirdQuartile'>thirdQuartile</option>
              <option value='unmute'>unmute</option>
              <option value='complete'>complete</option>
              <option value='fullscreen'>fullscreen</option>
              <option value='impression'>impression</option>
              <option value='pause'>pause</option>
              <option value='start'>start</option>
              <option value='mute'>mute</option>
            </select>
          </div>
          <div className='controls'>
            <button type='button' onClick={this.handleCallEvets}>
              CallUrls
            </button>
          </div>
        </form>
      </div>
    )
  }
}

License

MIT ©