bug fix

src/DefaultPlayer/Speed/Speed.css

@@ -29,7 +29,7 @@
 
 .speedList {
     position: absolute;
-    right: 0;
+    right: -9px;
     bottom: 100%;
     display: none;
     background-color: rgba(0,0,0,0.7);

src/video/api.js

@@ -7,8 +7,10 @@
 export const togglePause = (videoEl, { paused }) => {
     if (paused) {
         videoEl.play();
+        document.querySelector("#videoTitle").style.display = 'none';
     } else {
         videoEl.pause();
+        document.querySelector("#videoTitle").style.display = '';
     }
 };
 
@@ -40,7 +42,7 @@ export const toggleMute = (videoEl, { volume, muted }) => {
     }
 };
 
-export const toggleFullscreen = (videoEl, callback) => {debugger;
+export const toggleFullscreen = (videoEl, callback) => {
     videoEl.requestFullScreen =
         videoEl.requestFullscreen
         || videoEl.msRequestFullscreen
@@ -57,8 +59,12 @@ export const toggleFullscreen = (videoEl, callback) => {debugger;
         || document.mozFullScreenElement
         || document.webkitFullscreenElement;
     if (fullscreenElement === videoEl) {
+        document.querySelector('video').style.maxHeight = '100%';
+        window.fullscreen = false;
         document.exitFullscreen();
     } else {
+        document.querySelector('video').style.maxHeight = '100%';
+        window.fullscreen = true;
         videoEl.requestFullScreen();
     }
 };

src/video/video.js

@@ -120,7 +120,7 @@ export default (
                 this.props
             );
             return (
-                <div ref={this.setRef.bind(this)}>
+                <div ref={this.setRef.bind(this)} style={{height: '100%'}}>
                     <BaseComponent
                         {...mergeProps(
                             stateProps,