@eluvio/elv-player-js 1.0.81 → 1.0.84

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/package.json +1 -1
  2. package/src/PlayerControls.js +4 -7
  3. package/src/index.js +1 -0
  4. package/src/static/stylesheets/player.scss +7 -8
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@eluvio/elv-player-js",
3
- "version": "1.0.81",
3
+ "version": "1.0.84",
4
4
  "description": "![Eluvio Logo](src/static/images/Logo.png \"Eluvio Logo\")",
5
5
  "main": "src/index.js",
6
6
  "license": "MIT",
package/src/PlayerControls.js CHANGED
@@ -300,12 +300,12 @@ class PlayerControls {
300
300
 
301
301
  */
302
302
 
303
- if(this.playerOptions.controls === EluvioPlayerParameters.controls.DEFAULT) {
304
- // Default controls
303
+ if([EluvioPlayerParameters.controls.DEFAULT, EluvioPlayerParameters.controls.OFF].includes(this.playerOptions.controls)) {
304
+ // Custom controls disabled
305
305
  return;
306
306
  }
307
307
 
308
- if(this.playerOptions.controls === EluvioPlayerParameters.controls.OFF) {
308
+ if(this.playerOptions.controls === EluvioPlayerParameters.controls.OFF_WITH_VOLUME_TOGGLE) {
309
309
  // Controls hidden but need to show volume controls
310
310
 
311
311
  let controlsCreated = false;
@@ -769,10 +769,7 @@ class PlayerControls {
769
769
  }
770
770
 
771
771
  SetQualityControls({GetLevels, SetLevel}) {
772
- if(
773
- this.playerOptions.controls === EluvioPlayerParameters.controls.DEFAULT ||
774
- this.playerOptions.controls === EluvioPlayerParameters.controls.OFF
775
- ) {
772
+ if([EluvioPlayerParameters.controls.OFF, EluvioPlayerParameters.controls.OFF_WITH_VOLUME_TOGGLE, EluvioPlayerParameters.controls.DEFAULT].includes(this.playerOptions.controls)) {
776
773
  // Controls disabled
777
774
  return;
778
775
  }
package/src/index.js CHANGED
@@ -36,6 +36,7 @@ export const EluvioPlayerParameters = {
36
36
  },
37
37
  controls: {
38
38
  OFF: false,
39
+ OFF_WITH_VOLUME_TOGGLE: "off_with_volume_toggle",
39
40
  AUTO_HIDE: "autohide",
40
41
  ON: true,
41
42
  DEFAULT: "default"
package/src/static/stylesheets/player.scss CHANGED
@@ -142,6 +142,7 @@ $button-height: 35px;
142
142
  object-fit: contain;
143
143
  object-position: center;
144
144
  width: 100%;
145
+ z-index: 1;
145
146
  }
146
147
 
147
148
  &__watermark {
@@ -162,6 +163,7 @@ $button-height: 35px;
162
163
  position: absolute;
163
164
  transition: opacity 0.25s linear;
164
165
  width: max-content;
166
+ z-index: 10;
165
167
 
166
168
  button {
167
169
  background: $controls-color;
@@ -586,18 +588,15 @@ $button-height: 35px;
586
588
  }
587
589
 
588
590
  .eluvio-player__controls {
589
- //height: CALC(#{$controls-height} * 0.65);
590
591
  padding: 0 CALC(#{$controls-padding} * 0.5);
591
592
  }
592
593
 
593
594
  .eluvio-player__controls__button {
594
- &:not(&--fixed-size) {
595
- height: CALC(#{$button-height} * 0.9);
596
- max-height: CALC(#{$button-height} * 0.9);
597
- max-width: CALC(#{$button-height} * 0.9);
598
- min-height: CALC(#{$button-height} * 0.9);
599
- min-width: CALC(#{$button-height} * 0.9);
600
- }
595
+ height: CALC(#{$button-height} * 0.9);
596
+ max-height: CALC(#{$button-height} * 0.9);
597
+ max-width: CALC(#{$button-height} * 0.9);
598
+ min-height: CALC(#{$button-height} * 0.9);
599
+ min-width: CALC(#{$button-height} * 0.9);
601
600
  }
602
601
 
603
602
  .eluvio-player__controls__volume-container {