@eluvio/elv-player-js 1.0.134 → 1.0.136

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eluvio/elv-player-js",
-  "version": "1.0.134",
+  "version": "1.0.136",
   "description": "![Eluvio Logo](src/static/images/Logo.png \"Eluvio Logo\")",
   "main": "src/index.js",
   "license": "MIT",
@@ -37,9 +37,9 @@
   ],
   "dependencies": {
     "@eluvio/elv-client-js": "^4.0.62",
-    "dashjs": "^4.7.0",
+    "dashjs": "~4.7.0",
     "focus-visible": "^5.2.0",
-    "hls.js": "^1.4.12",
+    "hls.js": "~1.4.12",
     "lodash": "^4.17.21",
     "resize-observer-polyfill": "^1.5.1",
     "url-join": "^4.0.1"

package/src/PlayerControls.js

@@ -307,9 +307,11 @@ class PlayerControls {
       this.target.style.cursor = "unset";
     };
 
-    // Play / Pause
-    this.video.addEventListener("play", () => PlayerMove);
-    this.video.addEventListener("pause", () => PlayerMove);
+    // Play / Pause / Volume / Seek events
+    this.video.addEventListener("play", PlayerMove);
+    this.video.addEventListener("pause", PlayerMove);
+    this.video.addEventListener("volumechange", PlayerMove);
+    this.video.addEventListener("seeking", PlayerMove);
 
     // Mouse events
     this.target.addEventListener("mousemove", PlayerMove);
@@ -325,10 +327,10 @@ class PlayerControls {
       }
     }), 2000);
 
-    window.addEventListener("blur", () => { PlayerMove(); });
+    window.addEventListener("blur", PlayerMove);
 
     Array.from(this.target.querySelectorAll("button, input")).forEach(button => {
-      button.addEventListener("focus", () => { PlayerMove(); });
+      button.addEventListener("focus", PlayerMove);
     });
 
     PlayerMove();
@@ -795,6 +797,7 @@ class PlayerControls {
           event.preventDefault();
           break;
 
+        case "Enter":
         case " ":
           PlayPause(this.video, this.video.paused);
           event.preventDefault();