Widżet:OsadzAudio: Różnice pomiędzy wersjami

Wersja z 16:25, 24 lut 2024

{{{title}}}

   <audio controls style="width: 100%; height: auto; margin-top: 10px; outline: none;">
       <source src="{{{source}}}" type="audio/mpeg">
       Your browser does not support the audio tag.
   </audio>

@@ Linia 1: / Linia 1: @@
-<div class="audio-player-wrapper">
+<div class="audio-player-wrapper" style="max-width: 100%; margin: 20px auto; padding: 10px; box-sizing: border-box; border: 1px solid #ccc; border-radius: 5px; background-color: #f9f9f9; box-shadow: 0 2px 4px rgba(0,0,0,0.1);">
-<div class="audio-player-info">
+    <div class="audio-player-info" style="text-align: center; margin-bottom: 10px;">
-<h3>{{{title}}}</h3>
+        <h3 style="margin: 0; padding: 0; font-size: 1.2em; color: #333;">{{{title}}}</h3>
-</div>
+    </div>
-<audio controls>
+    <audio controls style="width: 100%; height: auto; margin-top: 10px; outline: none;">
-<source src="{{{source}}}" type="audio/mpeg">
+        <source src="{{{source}}}" type="audio/mpeg">
-Your browser does not support the audio tag.
+        Your browser does not support the audio tag.
-</audio>
+    </audio>
 </div>