+
diff --git a/demo/main.js b/demo/main.js
index 0e3aadd9a17..0b66f0b14ea 100644
--- a/demo/main.js
+++ b/demo/main.js
@@ -138,8 +138,7 @@ $(document).ready(function () {
video.volume = 0.05;
- hideAllTabs();
- // $('#timelineTab').show();
+ toggleTab($('.demo-tab-btn')[0]);
$('#metricsButtonWindow').toggle(window.windowSliding);
$('#metricsButtonFixed').toggle(!window.windowSliding);
@@ -1405,17 +1404,14 @@ function arrayConcat (inputArray) {
}
function hideAllTabs () {
- $('#timelineTab').hide();
- $('#playbackControlTab').hide();
- $('#qualityLevelControlTab').hide();
- $('#audioTrackControlTab').hide();
- $('#metricsDisplayTab').hide();
- $('#statsDisplayTab').hide();
+ $('.demo-tab-btn').css('background-color', '');
+ $('.demo-tab').hide();
}
-function toggleTab (tabElId) {
+function toggleTab (btn) {
hideAllTabs();
window.hideMetrics();
+ const tabElId = $(btn).data('tab');
$('#' + tabElId).show();
if (hls) {
if (tabElId === 'timelineTab') {
@@ -1425,6 +1421,7 @@ function toggleTab (tabElId) {
chart.hide();
}
}
+ $(btn).css('background-color', 'orange');
}
function appendLog (textElId, message) {