@eluvio/elv-player-js 1.0.97 → 1.0.99

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eluvio/elv-player-js",
-  "version": "1.0.97",
+  "version": "1.0.99",
   "description": "![Eluvio Logo](src/static/images/Logo.png \"Eluvio Logo\")",
   "main": "src/index.js",
   "license": "MIT",

package/src/index.js

@@ -373,6 +373,10 @@ export class EluvioPlayer {
 
     this.Log("Destroying player");
 
+    if(this.video) {
+      this.video.pause();
+    }
+
     if(this.player.destroy) {
       this.player.destroy();
     } else if(this.player.reset) {
@@ -504,6 +508,13 @@ export class EluvioPlayer {
 
       this.video.setAttribute("playsinline", "playsinline");
 
+      this.controls = new PlayerControls({
+        target: this.target,
+        video: this.video,
+        playerOptions: this.playerOptions,
+        className: this.playerOptions.controlsClassName
+      });
+
       if(restartParameters) {
         this.video.addEventListener("loadedmetadata", () => {
           this.video.volume = restartParameters.volume;
@@ -582,13 +593,6 @@ export class EluvioPlayer {
 
       let { protocol, drm, playoutUrl, drms, multiviewOptions } = await playoutOptionsPromise;
 
-      this.controls = new PlayerControls({
-        target: this.target,
-        video: this.video,
-        playerOptions: this.playerOptions,
-        className: this.playerOptions.controlsClassName
-      });
-
       this.PosterUrl().then(posterUrl => this.controls.SetPosterUrl(posterUrl));
 
       multiviewOptions.target = this.target;

package/src/static/stylesheets/player.scss

@@ -463,18 +463,7 @@ $button-height: 35px;
 
   &:fullscreen {
     margin: 0;
-    max-height: unset;
-    max-width: unset;
-    min-height: 100vh;
-    min-width: 100vw;
     padding: 0;
-
-    video {
-      max-height: unset;
-      max-width: unset;
-      min-height: 100%;
-      min-width: 100%;
-    }
   }
 
   &__ticket-modal {