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)