Merge pull request #81 from bitmovin/feature/fix-custom-ui-bigseekbar

bitmovin · Apr 12, 2022 · 0712456 · 0712456
2 parents 3bfad99 + 968e1fc
commit 0712456
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/player/player-ui-styling/css/style.css b/player/player-ui-styling/css/style.css
@@ -52,6 +52,10 @@ a {
 /*background-color: #ff1237;*/
 /*}*/
 
+.bmpui-seekbar.bigseek > * {
+    font-size: 3em;
+}
+
 .bmpui-seekbar-backdrop.orange {
     background-color: #ff931e !important;
 }

diff --git a/player/player-ui-styling/js/script.js b/player/player-ui-styling/js/script.js
@@ -16,7 +16,7 @@ var source = {
   poster: 'https://bitmovin-a.akamaihd.net/content/sintel/poster.png'
 };
 
-var currentUiManager, isBigSeekbar = false, isSmallscreen = false;
+var currentUiManager, isSmallscreen = false;
 
 var playerContainer = document.getElementById('player-container');
 var player = new bitmovin.player.Player(playerContainer, conf);
@@ -43,8 +43,8 @@ document.getElementById('watermark').addEventListener('click', function() {
 
 
 document.getElementById('bigseek').addEventListener('click', function() {
-  $('.bmpui-ui-seekbar').css('font-size', isBigSeekbar ? '1em' : '3em');
-  isBigSeekbar = !isBigSeekbar;
+  var seekbar = $('.bmpui-seekbar')[0];
+  seekbar.classList.toggle('bigseek');
 });
 
 document.getElementById('color2').addEventListener('click', function() {