@eluvio/elv-player-js 1.0.84 → 1.0.85

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@eluvio/elv-player-js",
3
- "version": "1.0.84",
3
+ "version": "1.0.85",
4
4
  "description": "![Eluvio Logo](src/static/images/Logo.png \"Eluvio Logo\")",
5
5
  "main": "src/index.js",
6
6
  "license": "MIT",
@@ -107,7 +107,7 @@ const Time = (time, total) => {
107
107
  };
108
108
 
109
109
  class PlayerControls {
110
- constructor(target, video, playerOptions, posterUrl) {
110
+ constructor(target, video, playerOptions, posterUrl, className) {
111
111
  this.target = target;
112
112
  this.video = video;
113
113
  this.playerOptions = playerOptions;
@@ -128,7 +128,7 @@ class PlayerControls {
128
128
  this.controlsHover = false;
129
129
  this.progressHidden = false;
130
130
 
131
- this.InitializeControls();
131
+ this.InitializeControls(className);
132
132
  }
133
133
 
134
134
  FadeOut(key, elements, delay=250, callback) {
@@ -251,7 +251,7 @@ class PlayerControls {
251
251
  }
252
252
  }
253
253
 
254
- InitializeControls() {
254
+ InitializeControls(className="") {
255
255
  this.target.setAttribute("tabindex", "0");
256
256
 
257
257
  if(this.playerOptions.watermark) {
@@ -385,7 +385,7 @@ class PlayerControls {
385
385
  const controls = CreateElement({
386
386
  parent: this.target,
387
387
  type: "div",
388
- classes: ["eluvio-player__controls"]
388
+ classes: ["eluvio-player__controls", className]
389
389
  });
390
390
 
391
391
  this.controls = controls;
package/src/index.js CHANGED
@@ -114,6 +114,7 @@ const DefaultParameters = {
114
114
  settings: EluvioPlayerParameters.settings.ON,
115
115
  posterUrl: undefined,
116
116
  className: undefined,
117
+ controlsClassName: undefined,
117
118
  hlsjsOptions: undefined,
118
119
  dashjsOptions: undefined,
119
120
  // eslint-disable-next-line no-unused-vars
@@ -540,7 +541,7 @@ export class EluvioPlayer {
540
541
 
541
542
  const controlsPromise = this.PosterUrl().then(posterUrl => {
542
543
  this.posterUrl = posterUrl;
543
- this.controls = new PlayerControls(this.target, this.video, this.playerOptions, posterUrl);
544
+ this.controls = new PlayerControls(this.target, this.video, this.playerOptions, posterUrl, this.playerOptions.controlsClassName);
544
545
  });
545
546
 
546
547
  if(this.clientOptions.promptTicket && !this.clientOptions.ticketCode) {