Learn about our RFC process, Open RFC meetings & more.Join in the discussion! »

react-videojs-fancybox

0.0.7 • Public • Published

react-videojs-fancybox

React wrapper for VideoJS inside Fancybox

NPM JavaScript Style Guide

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

Install

npm i react-videojs-fancybox

DownloadsWeekly Downloads

25

Version

0.0.7

License

MIT

Unpacked Size

9.46 MB

Total Files

6

Last publish

Collaborators

  • avatar