diff --git a/examples/live.html b/examples/live.html index 6de34326..706e164d 100644 --- a/examples/live.html +++ b/examples/live.html @@ -33,6 +33,13 @@ controls: true, width: 600, height: 300, + controlBar: { + currentTimeDisplay: false, + timeDivider: false, + durationDisplay: false, + remainingTimeDisplay: false, + volumeMenuButton: false + }, plugins: { wavesurfer: { src: "live", diff --git a/videojs.wavesurfer.js b/videojs.wavesurfer.js index c51ab3b9..3c5d9289 100644 --- a/videojs.wavesurfer.js +++ b/videojs.wavesurfer.js @@ -99,12 +99,22 @@ this.player().controlBar.durationDisplay]; for (var element in uiElements) { - uiElements[element].el().style.display = 'block'; - uiElements[element].show(); + // ignore when elements have been disabled by user + if (uiElements[element] !== undefined) + { + uiElements[element].el().style.display = 'block'; + uiElements[element].show(); + } + } + if (this.player().controlBar.remainingTimeDisplay !== undefined) + { + this.player().controlBar.remainingTimeDisplay.hide(); + } + if (this.player().controlBar.timeDivider !== undefined) + { + this.player().controlBar.timeDivider.el().style.textAlign = 'center'; + this.player().controlBar.timeDivider.el().style.width = '2em'; } - this.player().controlBar.remainingTimeDisplay.hide(); - this.player().controlBar.timeDivider.el().style.textAlign = 'center'; - this.player().controlBar.timeDivider.el().style.width = '2em'; // disable play button until waveform is ready // (except when in live mode)