react-videoplayer
Version:
A configrable react html5 video component
1 lines • 30.5 kB
JavaScript
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define(["react"],t):"object"==typeof exports?exports.ReactVideoPlayer=t(require("react")):e.ReactVideoPlayer=t(e.React)}(this,function(e){return function(e){function t(i){if(o[i])return o[i].exports;var n=o[i]={exports:{},id:i,loaded:!1};return e[i].call(n.exports,n,n.exports,t),n.loaded=!0,n.exports}var o={};return t.m=e,t.c=o,t.p="",t(0)}([function(e,t,o){o(5),e.exports=o(5)},function(e,t){function o(){throw new Error("setTimeout has not been defined")}function i(){throw new Error("clearTimeout has not been defined")}function n(e){if(c===setTimeout)return setTimeout(e,0);if((c===o||!c)&&setTimeout)return c=setTimeout,setTimeout(e,0);try{return c(e,0)}catch(t){try{return c.call(null,e,0)}catch(t){return c.call(this,e,0)}}}function r(e){if(d===clearTimeout)return clearTimeout(e);if((d===i||!d)&&clearTimeout)return d=clearTimeout,clearTimeout(e);try{return d(e)}catch(t){try{return d.call(null,e)}catch(t){return d.call(this,e)}}}function a(){v&&p&&(v=!1,p.length?h=p.concat(h):m=-1,h.length&&s())}function s(){if(!v){var e=n(a);v=!0;for(var t=h.length;t;){for(p=h,h=[];++m<t;)p&&p[m].run();m=-1,t=h.length}p=null,v=!1,r(e)}}function l(e,t){this.fun=e,this.array=t}function u(){}var c,d,f=e.exports={};!function(){try{c="function"==typeof setTimeout?setTimeout:o}catch(e){c=o}try{d="function"==typeof clearTimeout?clearTimeout:i}catch(e){d=i}}();var p,h=[],v=!1,m=-1;f.nextTick=function(e){var t=new Array(arguments.length-1);if(arguments.length>1)for(var o=1;o<arguments.length;o++)t[o-1]=arguments[o];h.push(new l(e,t)),1!==h.length||v||n(s)},l.prototype.run=function(){this.fun.apply(null,this.array)},f.title="browser",f.browser=!0,f.env={},f.argv=[],f.version="",f.versions={},f.on=u,f.addListener=u,f.once=u,f.off=u,f.removeListener=u,f.removeAllListeners=u,f.emit=u,f.prependListener=u,f.prependOnceListener=u,f.listeners=function(e){return[]},f.binding=function(e){throw new Error("process.binding is not supported")},f.cwd=function(){return"/"},f.chdir=function(e){throw new Error("process.chdir is not supported")},f.umask=function(){return 0}},function(e,t){"use strict";function o(e){return function(){return e}}var i=function(){};i.thatReturns=o,i.thatReturnsFalse=o(!1),i.thatReturnsTrue=o(!0),i.thatReturnsNull=o(null),i.thatReturnsThis=function(){return this},i.thatReturnsArgument=function(e){return e},e.exports=i},function(e,t,o){(function(t){"use strict";function o(e,t,o,n,r,a,s,l){if(i(t),!e){var u;if(void 0===t)u=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var c=[o,n,r,a,s,l],d=0;u=new Error(t.replace(/%s/g,function(){return c[d++]})),u.name="Invariant Violation"}throw u.framesToPop=1,u}}var i=function(e){};"production"!==t.env.NODE_ENV&&(i=function(e){if(void 0===e)throw new Error("invariant requires an error message argument")}),e.exports=o}).call(t,o(1))},function(e,t){"use strict";var o="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";e.exports=o},function(e,t,o){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var n=o(10),r=i(n);t.default=r.default},function(e,t,o){(function(t){"use strict";var i=o(2),n=i;"production"!==t.env.NODE_ENV&&!function(){var e=function(e){for(var t=arguments.length,o=Array(t>1?t-1:0),i=1;i<t;i++)o[i-1]=arguments[i];var n=0,r="Warning: "+e.replace(/%s/g,function(){return o[n++]});"undefined"!=typeof console&&console.error(r);try{throw new Error(r)}catch(e){}};n=function(t,o){if(void 0===o)throw new Error("`warning(condition, format, ...args)` requires a warning message argument");if(0!==o.indexOf("Failed Composite propType: ")&&!t){for(var i=arguments.length,n=Array(i>2?i-2:0),r=2;r<i;r++)n[r-2]=arguments[r];e.apply(void 0,[o].concat(n))}}}(),e.exports=n}).call(t,o(1))},function(e,t,o){(function(t){if("production"!==t.env.NODE_ENV){var i="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103,n=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===i},r=!0;e.exports=o(21)(n,r)}else e.exports=o(20)()}).call(t,o(1))},function(t,o){t.exports=e},function(e,t,o){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var n=o(8),r=i(n),a=o(7),s=i(a),l=function(e){var t=e.values,o=e.className,i=function(){return t.map(function(e,t){return r.default.createElement("p",{key:t}," ",e," ")})},n=i();return r.default.createElement("div",{className:o},n)};l.propTypes={values:s.default.array,className:s.default.string},t.default=l},function(e,t,o){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function r(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0});var s=function(){function e(e,t){for(var o=0;o<t.length;o++){var i=t[o];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,o,i){return o&&e(t.prototype,o),i&&e(t,i),t}}(),l=o(8),u=i(l),c=o(7),d=i(c),f=o(9),p=i(f),h=function(e){function t(e){n(this,t);var o=r(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return o.state={videoPlaying:o.props.autoPlay,videoProgress:o.props.videoProgress,videoBufferedProgressStart:0,videoBufferedProgressEnd:0,videoDuration:"",videoCurrentTime:"",videoVolume:o.props.videoVolume,videoPlaybackRate:o.props.videoPlaybackRate,showVolumeSlider:!1,showPlaybackRateSlider:!1,videoControlContainerDisplay:"none",videoClassName:"",hideMouse:"",showNotification:!1},o.changePlaybackRate=o.changePlaybackRate.bind(o),o.toggleVideoPlay=o.toggleVideoPlay.bind(o),o.videoOnClick=o.videoOnClick.bind(o),o.showVideoControls=o.showVideoControls.bind(o),o.hideVideoControls=o.hideVideoControls.bind(o),o.onDurationChange=o.onDurationChange.bind(o),o.onPlay=o.onPlay.bind(o),o.onPlaying=o.onPlaying.bind(o),o.onEnded=o.onEnded.bind(o),o.putFoucsOnMe=o.putFoucsOnMe.bind(o),o.playNext=o.playNext.bind(o),o.playPrevious=o.playPrevious.bind(o),o.seek=o.seek.bind(o),o.changeDefaultSeekingTime=o.changeDefaultSeekingTime.bind(o),o.changeVolume=o.changeVolume.bind(o),o.volumeSliderDragStart=o.volumeSliderDragStart.bind(o),o.volumeSliderDragEnd=o.volumeSliderDragEnd.bind(o),o.changeDefaultVolumeChange=o.changeDefaultVolumeChange.bind(o),o.updateProgressBar=o.updateProgressBar.bind(o),o.progressBarOnClick=o.progressBarOnClick.bind(o),o.progressBarDragStart=o.progressBarDragStart.bind(o),o.progressBarDragEnd=o.progressBarDragEnd.bind(o),o.toggleVolume=o.toggleVolume.bind(o),o.showVolumeSlider=o.showVolumeSlider.bind(o),o.hideVolumeSlider=o.hideVolumeSlider.bind(o),o.showPlaybackRateSlider=o.showPlaybackRateSlider.bind(o),o.hidePlaybackRateSlider=o.hidePlaybackRateSlider.bind(o),o.videoHandleKeyDown=o.videoHandleKeyDown.bind(o),o.videoFullScreenToggle=o.videoFullScreenToggle.bind(o),o.toggleTheaterMode=o.toggleTheaterMode.bind(o),o.showNotification=o.showNotification.bind(o),o.hideNotification=o.hideNotification.bind(o),o.showHelpBox=o.showHelpBox.bind(o),o.formatTime=o.formatTime.bind(o),o}return a(t,e),s(t,[{key:"componentWillMount",value:function(){this.props.autoPlay?this.videoButton=this.props.pauseButtonImg:this.videoButton=this.props.playButtonImg,this.volumeButtonImg=this.props.volumeButtonImg}},{key:"componentDidMount",value:function(){if(this.video=this.refs.video,this.videoControlContainer=this.refs.videoControlContainer,this.lastSavedVolume=this.video.volume,this.defaultSeekTime=this.props.defaultSeekTime,this.defaultVolumeChange=this.props.defaultVolumeChange/100,this.progressBarWrapper=this.refs.progressBar,this.preventSliderHide=!1,this.theaterModeOriginal=!1,this.helpBox=!1,this.videoKeyBinding={38:{action:"increaseVolume",key:"Up-arrow"},40:{action:"decreaseVolume",key:"Down-arrow"},39:{action:"seekForward",key:"Right-arrow"},37:{action:"seekBackward",key:"Left-arrow"},221:{action:"increasePlayBackRate",key:"C"},219:{action:"decreasePlayBackRate",key:"X"},220:{action:"defaultPlaybackRate",key:"Z"},13:{action:"fullScreenToggle",key:"Enter"},70:{action:"fullScreenToggle",key:"F"},32:{action:"playPauseToggle",key:"Space"},75:{action:"playPauseToggle",key:"K"},76:{action:"seekForward",key:"L"},74:{action:"seekBackward",key:"J"},77:{action:"toggleVolume",key:"M"},84:{action:"toggleTheaterMode",key:"T"},190:{action:"playNextVideo",key:">"},188:{action:"playPreviousVideo",key:"<"},72:{action:"showHelpBox",key:"H"}},this.video.volume=this.props.videoVolume/100,this.video.playbackRate=this.props.videoPlaybackRate,this.props.autoPlay&&this.video.play(),this.props.videoProgress.length>0){var e=this.props.videoProgress.split("m"),t=e[0],o=e[1].split("s")[0],i=60*parseFloat(t)+parseFloat(o);this.video.currentTime=i}this.props.defaultBrowserControls||(this.videoDefaultControls="hide-video-controls"),this.props.muted===!0&&this.toggleVolume()}},{key:"componentWillUnmount",value:function(){clearTimeout(this.hideAgain),clearTimeout(this.hideNotificationTimeOut)}},{key:"formatTime",value:function(e){var t=Math.floor(e/3600);e-=60*t*60;var o=Math.floor(e/60);e-=60*o;var i=e;return i<10&&(i="0"+i),t>0?t+":"+o+":"+i:o+":"+i}},{key:"changePlaybackRate",value:function(e){var t=this.video.playbackRate;if("increase"===e)t=t<4?t+.25:t;else if("decrease"===e)t=t>.5?t-.25:t;else if("default"===e)t=this.props.videoPlaybackRate;else if("custom"===e){var o=this.refs.playbackRateControl,i=this.refs.playbackRateSlider.offsetHeight;t=4*(1-(event.clientY-(o.offsetTop-i))/i)}this.video.playbackRate=t,this.showNotification(["Playback Speed: "+t]),this.setState({videoPlaybackRate:t})}},{key:"toggleVideoPlay",value:function(){""!==this.props.videoSrc&&(this.state.videoPlaying?(this.videoButton=this.props.playButtonImg,this.video.pause()):(this.videoButton=this.props.pauseButtonImg,this.video.play()),this.setState(function(e){return{videoPlaying:!e.videoPlaying}}))}},{key:"onDurationChange",value:function(){this.setState({videoProgress:0,videoDuration:this.formatTime(Math.ceil(this.video.duration))})}},{key:"onPlay",value:function(){this.setState({videoVolume:this.video.volume}),this.props.onPlay&&this.props.onPlay()}},{key:"onPlaying",value:function(){this.props.onPlaying&&this.props.onPlaying()}},{key:"onEnded",value:function(){this.setState({videoProgress:0}),this.videoButton=this.props.playButtonImg,this.props.onEnded&&this.props.onEnded()}},{key:"playNext",value:function(){this.props.playNext?(this.props.playNext(),this.videoButton=this.props.pauseButtonImg):this.showNotification(["No file found"])}},{key:"playPrevious",value:function(){this.props.playPrevious?(this.props.playPrevious(),this.videoButton=this.props.pauseButtonImg):this.showNotification(["No file found"])}},{key:"seek",value:function(e){"forward"===e?this.video.currentTime+=this.defaultSeekTime:"backward"===e&&(this.video.currentTime-=this.defaultSeekTime)}},{key:"changeDefaultSeekingTime",value:function(e){e>0&&(this.seekTime=e)}},{key:"changeVolume",value:function(e,t,o){var i=0;if("keydown"===e.type)"up"===o&&this.video.volume<=1?i=this.video.volume+this.defaultVolumeChange:"down"===o&&this.video.volume>=0&&(i=this.video.volume-this.defaultVolumeChange),i=Math.round(10*i)/10;else{if(this.state.showVolumeSlider===!1)return;var n=this.refs.videoControlContainer,r=this.refs.volumeSlider.offsetHeight;i=""===this.state.videoClassName?1-(e.clientY-(n.offsetTop-window.scrollY-r+8))/r:1-(e.clientY-(n.offsetTop-window.scrollY-r))/r,i=i>.97?1:i,i=i<.03?0:i}this.volumeButtonImg=this.props.volumeButtonImg,i>1?i=1:i<=0&&(this.volumeButtonImg=this.props.volumeButtonMuteImg,i=0),"keydown"===e.type&&this.showNotification(["Volume: "+100*i]),this.video.volume=i,this.setState({videoVolume:i})}},{key:"volumeSliderDragStart",value:function(e){this.changeVolume(e),this.preventSliderHide=!0,document.addEventListener("mousemove",this.changeVolume),document.addEventListener("mouseup",this.volumeSliderDragEnd)}},{key:"volumeSliderDragEnd",value:function(){document.removeEventListener("mousemove",this.changeVolume),document.removeEventListener("mouseup",this.volumeSliderDragEnd),this.hideVolumeSlider()}},{key:"changeDefaultVolumeChange",value:function(e){e<=1&&e>=0&&(this.defaultVolumeChange=e)}},{key:"updateProgressBar",value:function(){for(var e=this.video.buffered,t=0,o=0,i=Number.MAX_SAFE_INTEGER,n=-1,r=0;r<e.length;r++){var a=Math.abs(this.video.currentTime-e.start(r));a<i&&(i=a,n=r)}0!==e.length&&(t=this.video.buffered.start(n)/this.video.duration*100,o=this.video.buffered.end(n)/this.video.duration*100),this.setState({videoProgress:this.video.currentTime/this.video.duration*100,videoCurrentTime:this.formatTime(Math.ceil(this.video.currentTime)),videoBufferedProgressStart:t,videoBufferedProgressEnd:o})}},{key:"progressBarOnClick",value:function(e){var t=(e.clientX-(this.progressBarWrapper.offsetLeft+this.refs.videoContainer.offsetLeft))/this.progressBarWrapper.offsetWidth;""!==this.state.videoClassName&&(t+=8/this.progressBarWrapper.offsetWidth),t>1&&(t=1),this.video.currentTime=t*this.video.duration,this.setState({videoProgress:100*t})}},{key:"progressBarDragStart",value:function(e){this.progressBarOnClick(e),document.addEventListener("mousemove",this.progressBarDragStart),document.addEventListener("mouseup",this.progressBarDragEnd)}},{key:"progressBarDragEnd",value:function(){document.removeEventListener("mousemove",this.progressBarDragStart),document.removeEventListener("mouseup",this.progressBarDragEnd)}},{key:"toggleVolume",value:function(){var e=this.video.volume;e>0?(this.lastSavedVolume=e,this.volumeButtonImg=this.props.volumeButtonMuteImg,this.video.volume=0):0===e&&(this.video.volume=this.lastSavedVolume,this.volumeButtonImg=this.props.volumeButtonImg),this.setState({videoVolume:this.video.volume})}},{key:"showVolumeSlider",value:function(){this.setState({showVolumeSlider:!0})}},{key:"hideVolumeSlider",value:function(){this.preventSliderHide?this.preventSliderHide=!1:this.setState({showVolumeSlider:!1})}},{key:"showPlaybackRateSlider",value:function(){this.setState({showPlaybackRateSlider:!0})}},{key:"hidePlaybackRateSlider",value:function(){this.setState({showPlaybackRateSlider:!1})}},{key:"videoFullScreenToggle",value:function(){var e=document.webkitIsFullScreen,t=document.mozFullScreen,o="";void 0!==e?e?(o="",document.webkitExitFullscreen()):(this.refs.videoContainer.webkitRequestFullscreen(),o="video-fit-to-screen",this.showNotification(["Press [T] to toggle between Video Mode"])):void 0!==t&&(t?(document.isFullScreenWebkit(),o=""):(this.refs.videoContainer.mozRequestFullScreen(),o="video-fit-to-screen",this.showNotification(["Press [T] to toggle between Video Mode"]))),this.setState({videoClassName:o})}},{key:"putFoucsOnMe",value:function(e){e.target.focus()}},{key:"videoHandleKeyDown",value:function(e){if(this.props.keyboardControls){e.preventDefault();var t="";switch(t=this.videoKeyBinding[e.keyCode]?this.videoKeyBinding[e.keyCode].action:"helpNotification"){case"increaseVolume":this.changeVolume(e,!0,"up");break;case"decreaseVolume":this.changeVolume(e,!0,"down");break;case"toggleVolume":this.toggleVolume();break;case"seekForward":this.seek("forward");break;case"seekBackward":this.seek("backward");break;case"playPauseToggle":this.toggleVideoPlay();break;case"increasePlayBackRate":this.changePlaybackRate("increase");break;case"decreasePlayBackRate":this.changePlaybackRate("decrease");break;case"defaultPlaybackRate":this.changePlaybackRate("default");break;case"playNextVideo":this.playNext();break;case"playPreviousVideo":this.playPrevious();break;case"fullScreenToggle":this.videoFullScreenToggle();break;case"toggleTheaterMode":this.toggleTheaterMode();break;case"showHelpBox":this.showHelpBox();break;case"helpNotification":this.showNotification(["Press [H] for Help"])}}}},{key:"videoOnClick",value:function(e){this.putFoucsOnMe(e),this.toggleVideoPlay()}},{key:"showVideoControls",value:function(){clearTimeout(this.hideAgain),this.setState({hideMouse:"none",videoControlContainerDisplay:"flex"}),this.hideAgain=setTimeout(this.hideVideoControls,3e3)}},{key:"hideVideoControls",value:function(){this.setState({hideMouse:"hide-mouse-cursor",videoControlContainerDisplay:"none"})}},{key:"toggleTheaterMode",value:function(){var e="";e=this.theaterModeOriginal?"video-fit-to-screen":"video-original",this.theaterModeOriginal=!this.theaterModeOriginal,this.setState({videoClassName:e})}},{key:"showNotification",value:function(e,t,o){clearTimeout(this.hideNotificationTimeOut),this.notificationClass=t||this.props.notificationClass;var i=o||this.props.notificationDuration;this.notificationValue=e,this.setState({showNotification:!0}),this.hideNotificationTimeOut=setTimeout(this.hideNotification,i)}},{key:"hideNotification",value:function(){clearTimeout(this.hideNotificationTimeOut),this.setState({showNotification:!1})}},{key:"showHelpBox",value:function(){if(this.helpBox)this.hideNotification();else{var e=[],t=this.videoKeyBinding;for(var o in t)t.hasOwnProperty(o)&&e.push(t[o].key+" : "+t[o].action);this.showNotification(e,"help-box",15e3)}this.helpBox=!this.helpBox}},{key:"render",value:function(){return u.default.createElement("div",{className:"video-player-wrapper-row"},u.default.createElement("div",{className:"react-video-player-columns"},u.default.createElement("div",{className:"video-player-wrapper",ref:"videoContainer",onMouseEnter:this.showVideoControls,onMouseLeave:this.hideVideoControls,onMouseMove:this.showVideoControls},this.state.showNotification&&u.default.createElement(p.default,{className:this.notificationClass,values:this.notificationValue}),u.default.createElement("video",{className:this.state.videoClassName+" "+this.videoDefaultControls+" "+this.state.hideMouse+" react-video-player-align-middle",onKeyDown:this.videoHandleKeyDown,onClick:this.videoOnClick,onDoubleClick:this.videoFullScreenToggle,ref:"video",src:this.props.videoSrc,controls:!0,autoPlay:this.props.autoPlay,onDurationChange:this.onDurationChange,onPlay:this.onPlay,onPlaying:this.onPlaying,onEnded:this.onEnded,onTimeUpdate:this.updateProgressBar}),this.props.customHtmlControls&&u.default.createElement("div",{className:"video-controls react-video-player-row react-video-player-align-middle",ref:"videoControlContainer",style:{display:this.state.videoControlContainerDisplay}},u.default.createElement("div",{className:"playback-control react-video-player-columns react-video-player-shrink"},this.props.playlist&&u.default.createElement("button",{className:"previous "+this.props.previousButtonClassName,onClick:this.playPrevious},u.default.createElement("img",{src:this.props.previousButtonImg})),u.default.createElement("button",{className:"play-pause",onClick:this.toggleVideoPlay},u.default.createElement("img",{src:this.videoButton})),this.props.playlist&&u.default.createElement("button",{className:"next "+this.props.nextButtonClassName,onClick:this.props.playNext},u.default.createElement("img",{src:this.props.nextButtonImg}))),u.default.createElement("div",{className:"time-box react-video-player-columns react-video-player-shrink"},u.default.createElement("span",{style:{color:"white"}},this.state.videoCurrentTime),"/",u.default.createElement("span",{style:{color:"white"}},this.state.videoDuration)),u.default.createElement("div",{className:"progress-bar-control react-video-player-columns"},u.default.createElement("div",{className:"progress-bar",onMouseDown:this.progressBarDragStart,ref:"progressBar"},u.default.createElement("div",{className:"progress",style:{width:this.state.videoProgress+"%"}}),u.default.createElement("div",{className:"progress-buffered",style:{width:this.state.videoBufferedProgressEnd-this.state.videoBufferedProgressStart+"%",left:this.state.videoBufferedProgressStart+"%"}}))),u.default.createElement("div",{className:"react-video-player-columns react-video-player-shrink",style:{height:"100%"}},u.default.createElement("div",{ref:"volumeControl",className:"volume-control",onMouseLeave:this.hideVolumeSlider},u.default.createElement("button",{className:"volume-button",onClick:this.toggleVolume,onMouseEnter:this.showVolumeSlider},u.default.createElement("img",{src:this.volumeButtonImg})),this.state.showVolumeSlider&&u.default.createElement("div",{className:"volume-slider",ref:"volumeSlider",onClick:this.changeVolume,onMouseDown:this.volumeSliderDragStart},u.default.createElement("div",{className:"volume-wrapper-box"},u.default.createElement("div",{className:"volume-wrapper"},u.default.createElement("div",{className:"volume",style:{height:100*this.state.videoVolume+"%"}})))))),u.default.createElement("div",{className:"react-video-player-columns react-video-player-shrink"},u.default.createElement("div",{ref:"fullScreen",className:"fullscreen-control"},u.default.createElement("button",{className:"volumeButton",onClick:this.videoFullScreenToggle},u.default.createElement("img",{src:this.props.fullScreenButtonImg}))))))))}}]),t}(u.default.Component);h.propTypes={videoSrc:d.default.string.isRequired,videoVolume:d.default.number,videoProgress:d.default.string,videoPlaybackRate:d.default.number,autoPlay:d.default.bool,muted:d.default.bool,playButtonImg:d.default.string,pauseButtonImg:d.default.string,nextButtonImg:d.default.string,previousButtonImg:d.default.string,volumeButtonImg:d.default.string,volumeButtonMuteImg:d.default.string,fullScreenButtonImg:d.default.string,playbackRateButtonImg:d.default.string,previousButtonClassName:d.default.string,nextButtonClassName:d.default.string,onPlay:d.default.func,onPlaying:d.default.func,onEnded:d.default.func,playlist:d.default.bool,playNext:d.default.func,playPrevious:d.default.func,defaultSeekTime:d.default.number,defaultVolumeChange:d.default.number,defaultBrowserControls:d.default.bool,customHtmlControls:d.default.bool,keyboardControls:d.default.bool,notificationClass:d.default.string,notificationDuration:d.default.number},h.defaultProps={videoVolume:100,videoProgress:"",videoPlaybackRate:1,autoPlay:!1,muted:!1,playButtonImg:o(12),pauseButtonImg:o(14),nextButtonImg:o(13),previousButtonImg:o(11),volumeButtonImg:o(16),volumeButtonMuteImg:o(15),fullScreenButtonImg:o(18),playbackRateButtonImg:o(17),pauseButtonClassName:"",nextButtonClassName:"",playlist:!1,defaultSeekTime:10,defaultVolumeChange:10,settings:!1,defaultBrowserControls:!1,customHtmlControls:!0,keyboardControls:!0,notificationClass:"video-player-notifications",notificationDuration:1500},t.default=h},function(e,t,o){e.exports=o.p+"5826483d934914bc276dcf3b325f5e5c.svg"},function(e,t,o){e.exports=o.p+"b76c6ac08e0ad2bf61e82e8df1e6e0bc.svg"},function(e,t,o){e.exports=o.p+"96f6eade4ad85ac06c7e504f58731baf.svg"},function(e,t,o){e.exports=o.p+"80d3bdaeb1e1d2819e8b6a1e08647106.svg"},function(e,t,o){e.exports=o.p+"ce652bfcf7fe9cd0e89c6e669d7bda81.svg"},function(e,t,o){e.exports=o.p+"f9953ffdc8feece8b3dac997796995a4.svg"},function(e,t,o){e.exports=o.p+"aa0c363f2c5cf2dce3d7d7c1c442cdc7.svg"},function(e,t,o){e.exports=o.p+"21d3f2031439725dbf0455caed60b4b5.svg"},function(e,t,o){(function(t){"use strict";function i(e,o,i,l,u){if("production"!==t.env.NODE_ENV)for(var c in e)if(e.hasOwnProperty(c)){var d;try{n("function"==typeof e[c],"%s: %s type `%s` is invalid; it must be a function, usually from React.PropTypes.",l||"React class",i,c),d=e[c](o,c,l,i,null,a)}catch(e){d=e}if(r(!d||d instanceof Error,"%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",l||"React class",i,c,typeof d),d instanceof Error&&!(d.message in s)){s[d.message]=!0;var f=u?u():"";r(!1,"Failed %s type: %s%s",i,d.message,null!=f?f:"")}}}if("production"!==t.env.NODE_ENV)var n=o(3),r=o(6),a=o(4),s={};e.exports=i}).call(t,o(1))},function(e,t,o){"use strict";var i=o(2),n=o(3),r=o(4);e.exports=function(){function e(e,t,o,i,a,s){s!==r&&n(!1,"Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types")}function t(){return e}e.isRequired=e;var o={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t};return o.checkPropTypes=i,o.PropTypes=o,o}},function(e,t,o){(function(t){"use strict";var i=o(2),n=o(3),r=o(6),a=o(4),s=o(19);e.exports=function(e,o){function l(e){var t=e&&(C&&e[C]||e[V]);if("function"==typeof t)return t}function u(e,t){return e===t?0!==e||1/e===1/t:e!==e&&t!==t}function c(e){this.message=e,this.stack=""}function d(e){function i(i,u,d,f,p,h,v){if(f=f||x,h=h||d,v!==a)if(o)n(!1,"Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types");else if("production"!==t.env.NODE_ENV&&"undefined"!=typeof console){var m=f+":"+d;!s[m]&&l<3&&(r(!1,"You are manually calling a React.PropTypes validation function for the `%s` prop on `%s`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details.",h,f),s[m]=!0,l++)}return null==u[d]?i?new c(null===u[d]?"The "+p+" `"+h+"` is marked as required "+("in `"+f+"`, but its value is `null`."):"The "+p+" `"+h+"` is marked as required in "+("`"+f+"`, but its value is `undefined`.")):null:e(u,d,f,p,h)}if("production"!==t.env.NODE_ENV)var s={},l=0;var u=i.bind(null,!1);return u.isRequired=i.bind(null,!0),u}function f(e){function t(t,o,i,n,r,a){var s=t[o],l=E(s);if(l!==e){var u=T(s);return new c("Invalid "+n+" `"+r+"` of type "+("`"+u+"` supplied to `"+i+"`, expected ")+("`"+e+"`."))}return null}return d(t)}function p(){return d(i.thatReturnsNull)}function h(e){function t(t,o,i,n,r){if("function"!=typeof e)return new c("Property `"+r+"` of component `"+i+"` has invalid PropType notation inside arrayOf.");var s=t[o];if(!Array.isArray(s)){var l=E(s);return new c("Invalid "+n+" `"+r+"` of type "+("`"+l+"` supplied to `"+i+"`, expected an array."))}for(var u=0;u<s.length;u++){var d=e(s,u,i,n,r+"["+u+"]",a);if(d instanceof Error)return d}return null}return d(t)}function v(){function t(t,o,i,n,r){var a=t[o];if(!e(a)){var s=E(a);return new c("Invalid "+n+" `"+r+"` of type "+("`"+s+"` supplied to `"+i+"`, expected a single ReactElement."))}return null}return d(t)}function m(e){function t(t,o,i,n,r){if(!(t[o]instanceof e)){var a=e.name||x,s=N(t[o]);return new c("Invalid "+n+" `"+r+"` of type "+("`"+s+"` supplied to `"+i+"`, expected ")+("instance of `"+a+"`."))}return null}return d(t)}function y(e){function o(t,o,i,n,r){for(var a=t[o],s=0;s<e.length;s++)if(u(a,e[s]))return null;var l=JSON.stringify(e);return new c("Invalid "+n+" `"+r+"` of value `"+a+"` "+("supplied to `"+i+"`, expected one of "+l+"."))}return Array.isArray(e)?d(o):("production"!==t.env.NODE_ENV?r(!1,"Invalid argument supplied to oneOf, expected an instance of array."):void 0,i.thatReturnsNull)}function g(e){function t(t,o,i,n,r){if("function"!=typeof e)return new c("Property `"+r+"` of component `"+i+"` has invalid PropType notation inside objectOf.");var s=t[o],l=E(s);if("object"!==l)return new c("Invalid "+n+" `"+r+"` of type "+("`"+l+"` supplied to `"+i+"`, expected an object."));for(var u in s)if(s.hasOwnProperty(u)){var d=e(s,u,i,n,r+"."+u,a);if(d instanceof Error)return d}return null}return d(t)}function b(e){function o(t,o,i,n,r){for(var s=0;s<e.length;s++){var l=e[s];if(null==l(t,o,i,n,r,a))return null}return new c("Invalid "+n+" `"+r+"` supplied to "+("`"+i+"`."))}if(!Array.isArray(e))return"production"!==t.env.NODE_ENV?r(!1,"Invalid argument supplied to oneOfType, expected an instance of array."):void 0,i.thatReturnsNull;for(var n=0;n<e.length;n++){var s=e[n];if("function"!=typeof s)return r(!1,"Invalid argument supplid to oneOfType. Expected an array of check functions, but received %s at index %s.",B(s),n),i.thatReturnsNull}return d(o)}function k(){function e(e,t,o,i,n){return P(e[t])?null:new c("Invalid "+i+" `"+n+"` supplied to "+("`"+o+"`, expected a ReactNode."))}return d(e)}function w(e){function t(t,o,i,n,r){var s=t[o],l=E(s);if("object"!==l)return new c("Invalid "+n+" `"+r+"` of type `"+l+"` "+("supplied to `"+i+"`, expected `object`."));for(var u in e){var d=e[u];if(d){var f=d(s,u,i,n,r+"."+u,a);if(f)return f}}return null}return d(t)}function P(t){switch(typeof t){case"number":case"string":case"undefined":return!0;case"boolean":return!t;case"object":if(Array.isArray(t))return t.every(P);if(null===t||e(t))return!0;var o=l(t);if(!o)return!1;var i,n=o.call(t);if(o!==t.entries){for(;!(i=n.next()).done;)if(!P(i.value))return!1}else for(;!(i=n.next()).done;){var r=i.value;if(r&&!P(r[1]))return!1}return!0;default:return!1}}function S(e,t){return"symbol"===e||("Symbol"===t["@@toStringTag"]||"function"==typeof Symbol&&t instanceof Symbol)}function E(e){var t=typeof e;return Array.isArray(e)?"array":e instanceof RegExp?"object":S(t,e)?"symbol":t}function T(e){if("undefined"==typeof e||null===e)return""+e;var t=E(e);if("object"===t){if(e instanceof Date)return"date";if(e instanceof RegExp)return"regexp"}return t}function B(e){var t=T(e);switch(t){case"array":case"object":return"an "+t;case"boolean":case"date":case"regexp":return"a "+t;default:return t}}function N(e){return e.constructor&&e.constructor.name?e.constructor.name:x}var C="function"==typeof Symbol&&Symbol.iterator,V="@@iterator",x="<<anonymous>>",O={array:f("array"),bool:f("boolean"),func:f("function"),number:f("number"),object:f("object"),string:f("string"),symbol:f("symbol"),any:p(),arrayOf:h,element:v(),instanceOf:m,node:k(),objectOf:g,oneOf:y,oneOfType:b,shape:w};return c.prototype=Error.prototype,O.checkPropTypes=s,O.PropTypes=O,O}}).call(t,o(1))}])});