Biurokraci, Moderatorzy czatu, checkuser, commenters, Moderatorzy (CommentStreams), gitkursanci, Administratorzy interfejsu, Moderatorzy, odkrywajacy, Page Ownership admin, swiadomikursanci, Administratorzy, Redaktorzy widżetów
1018
edycji
Inne akcje
m
brak opisu edycji
Swiadomosc (dyskusja | edycje) (kod widżetu do osadzania audio) Znacznik: Edytor kodu źródłowego 2017 |
Swiadomosc (dyskusja | edycje) mNie podano opisu zmian Znacznik: Edytor kodu źródłowego 2017 |
||
| Linia 1: | Linia 1: | ||
<div class=" | <style> | ||
.audio-player-wrapper { | |||
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); | |||
} | |||
audio { | |||
width: 100%; | |||
height: auto; | |||
margin-top: 10px; | |||
outline: none; | |||
} | |||
.audio-player-info { | |||
text-align: center; | |||
margin-bottom: 10px; | |||
} | |||
.audio-player-info h3 { | |||
margin: 0; | |||
padding: 0; | |||
font-size: 1.2em; | |||
color: #333; | |||
} | |||
.audio-player-info p { | |||
margin: 5px 0; | |||
font-size: 0.9em; | |||
color: #666; | |||
} | |||
</style> | |||
<div class="audio-player-wrapper"> | |||
<div class="audio-player-info"> | |||
<h3>{{{title}}}</h3> | |||
</div> | |||
<audio controls> | |||
<source src="{{{source}}}" type="audio/mpeg"> | |||
Your browser does not support the audio tag. | |||
</audio> | |||
</div> | </div> | ||