diff options
Diffstat (limited to 'app/assets/javascripts/components/components/video_player.jsx')
-rw-r--r-- | app/assets/javascripts/components/components/video_player.jsx | 21 |
1 files changed, 21 insertions, 0 deletions
diff --git a/app/assets/javascripts/components/components/video_player.jsx b/app/assets/javascripts/components/components/video_player.jsx new file mode 100644 index 000000000..e680fb206 --- /dev/null +++ b/app/assets/javascripts/components/components/video_player.jsx @@ -0,0 +1,21 @@ +import ImmutablePropTypes from 'react-immutable-proptypes'; +import PureRenderMixin from 'react-addons-pure-render-mixin'; + +const VideoPlayer = React.createClass({ + propTypes: { + media: ImmutablePropTypes.map.isRequired + }, + + mixins: [PureRenderMixin], + + render () { + return ( + <div style={{ cursor: 'default', marginTop: '8px', overflow: 'hidden', width: '196px', height: '110px', boxSizing: 'border-box', background: '#000' }}> + <video src={this.props.media.get('url')} autoPlay='true' loop={true} muted={true} style={{ width: '100%', height: '100%' }} /> + </div> + ); + } + +}); + +export default VideoPlayer; |