react-videojs-fancybox

React wrapper for VideoJS inside Fancybox

Pure-React Alternative

This package is using VideoJS library combined with jQuery and fancybox library (jQuery-based).

If you are looking for react-based (react & videojs only), try to use react-modal-videojs instead.

Demo

Check the Demo

Install

npm install --save react-videojs-fancybox

Usage

import React, { Component } from 'react'
 
import FancyVideo from 'react-videojs-fancybox';
 
export default class App extends Component {
  render () {
    return (
      <div className='container'>
        <FancyVideo
          source="https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/Sintel.mp4"
          poster="https://raw.githubusercontent.com/waskito/react-modal-videojs/master/example/public/preview.png"
          id={"sintel"}
         />
      </div>
    )
  }
}
 

License

MIT © waskito