@eluvio/elv-player-js 1.0.128 → 1.0.129

package/package.json

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

package/src/index.js

@@ -166,7 +166,7 @@ export class EluvioPlayer {
         this.customHLSOptions = parameters.playerOptions.hlsjsOptions;
         parameters.playerOptions.playerProfile = EluvioPlayerParameters.playerProfile.CUSTOM;
       }
-    } catch(error) {
+    } catch (error) {
       this.Log(error, true);
     }
 
@@ -1136,6 +1136,13 @@ export class EluvioPlayer {
   }
 
   UpdateTextTracks({dashPlayer}={}) {
+    const tracks = dashPlayer ?
+      dashPlayer.getTracksFor("text") : Array.from(this.video.textTracks);
+
+    if(!tracks || tracks.length === 0) {
+      return;
+    }
+
     this.controls.SetTextTrackControls({
       GetTextTracks: () => {
         const activeTrackIndex = dashPlayer ?

package/src/static/stylesheets/player.scss

@@ -440,11 +440,6 @@ $button-height: 35px;
 
       button {
         border: 1px solid transparent;
-
-        &.eluvio-player__controls__settings-menu__close {
-          border: 1.5px solid $button-color;
-          border-radius: 100%;
-        }
       }
 
       &__close {
@@ -452,6 +447,7 @@ $button-height: 35px;
         display: none;
         height: 20px;
         justify-content: center;
+        padding: 0;
         position: absolute;
         right: 20px;
         top: 20px;
@@ -482,7 +478,9 @@ $button-height: 35px;
         }
 
         &-back__icon {
-          height: 15px;
+          align-items: center;
+          display: flex;
+          height: 100%;
           left: 20px;
           margin-right: 5px;
           position: absolute;