Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 400,000 packages pre-installed, including react-videojs-fancybox with all npm packages installed. Try it out:

require("prop-types/package.json"); // prop-types is a peer dependency. require("react/package.json"); // react is a peer dependency. require("react-dom/package.json"); // react-dom is a peer dependency. var reactVideojsFancybox = require("react-videojs-fancybox")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

react-videojs-fancybox v0.0.7

VideoJS in FancyBox

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

Metadata

RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free