1
0
Fork 0
mirror of https://github.com/terribleplan/next.js.git synced 2024-01-19 02:48:18 +00:00
next.js/examples/with-videojs/components/Player.js

36 lines
866 B
JavaScript
Raw Normal View History

import React, { Component } from 'react'
import videojs from 'video.js'
import 'videojs-youtube'
import 'video.js/dist/video-js.css'
class Player extends Component {
componentDidMount () {
// instantiate Video.js
this.player = videojs(this.videoNode, this.props, function onPlayerReady () {
console.log('onPlayerReady', this)
})
}
// 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' />
</div>
</div>
)
}
}
export default Player