diff --git a/components/ILIAS/UI/src/Implementation/Component/Player/Renderer.php b/components/ILIAS/UI/src/Implementation/Component/Player/Renderer.php
index 8aa7d519b883..bd05fc0964a2 100755
--- a/components/ILIAS/UI/src/Implementation/Component/Player/Renderer.php
+++ b/components/ILIAS/UI/src/Implementation/Component/Player/Renderer.php
@@ -45,9 +45,6 @@ public function renderAudio(Component\Component $component, RendererInterface $d
     {
         $tpl = $this->getTemplate("tpl.audio.html", true, true);
 
-        $component = $component->withAdditionalOnLoadCode(function ($id) {
-            return "$('#$id').mediaelementplayer({stretching: 'responsive'});";
-        });
         $id = $this->bindJavaScript($component);
 
         if ($component->getTranscription() != "") {
@@ -170,12 +167,4 @@ protected function isYoutube(
         }
         return false;
     }
-
-    public function registerResources(\ILIAS\UI\Implementation\Render\ResourceRegistry $registry): void
-    {
-        parent::registerResources($registry);
-        $registry->register('https://player.vimeo.com/api/player.js');
-    }
-
-
 }
diff --git a/components/ILIAS/UI/src/templates/default/Player/tpl.audio.html b/components/ILIAS/UI/src/templates/default/Player/tpl.audio.html
index be4d7212310f..5154733099b8 100755
--- a/components/ILIAS/UI/src/templates/default/Player/tpl.audio.html
+++ b/components/ILIAS/UI/src/templates/default/Player/tpl.audio.html
@@ -1,5 +1,5 @@
 <div class="il-audio-container">
-    <audio controls style="width:100%; height: 30px; background-color: transparent;" class="il-audio-player" id="{ID}" src="{SOURCE}" preload="metadata"></audio>
+    <audio controls class="il-audio-player" id="{ID}" src="{SOURCE}" preload="metadata"></audio>
     <!-- BEGIN transcription -->
     {BUTTON_AND_MODAL}
     <!-- END transcription -->
diff --git a/templates/default/070-components/UI-framework/Player/_ui-component_player.scss b/templates/default/070-components/UI-framework/Player/_ui-component_player.scss
index 242151936fa7..4ac9903983e7 100755
--- a/templates/default/070-components/UI-framework/Player/_ui-component_player.scss
+++ b/templates/default/070-components/UI-framework/Player/_ui-component_player.scss
@@ -2,6 +2,7 @@
 
 //== Player
 $il-player-audio-width: 100%;
+$il-player-audio-height: 30px;
 
 // audio
 .il-audio-container {
@@ -10,7 +11,9 @@ $il-player-audio-width: 100%;
   }
 }
 .il-audio-player {
-  background: $il-neutral-color;
+  background: transparent;
+  height: $il-player-audio-height;
+  width: $il-player-audio-width;
 }
 .il-video-container {
   video {
diff --git a/templates/default/delos.css b/templates/default/delos.css
index 9277c3645167..c686ca653742 100644
--- a/templates/default/delos.css
+++ b/templates/default/delos.css
@@ -8271,7 +8271,9 @@ div.alert ul > li:before {
 }
 
 .il-audio-player {
-  background: #2c2c2c;
+  background: transparent;
+  height: 30px;
+  width: 100%;
 }
 
 .il-video-container video {