No edit summary |
No edit summary |
||
| Line 2: | Line 2: | ||
== Sample result == | == Sample result == | ||
</noinclude> | </noinclude> | ||
| Line 143: | Line 143: | ||
transform: rotate(360deg); | transform: rotate(360deg); | ||
} | } | ||
} | |||
.player-wrapper { | |||
display: grid; | |||
grid-template-columns: 1fr; | |||
gap: 1em; | |||
} | |||
#help-message p { | |||
margin: 0; | |||
} | } | ||
</style> | </style> | ||
| Line 165: | Line 173: | ||
</div> | </div> | ||
</div> | </div> | ||
<div id="help-message"> | |||
<p><em>Click the button to play/pause.</em></p> | <p><em>Click the button to play/pause.</em></p> | ||
<p><em>Use the slider to adjust the volume.</em></p> | <p><em>Use the slider to adjust the volume.</em></p. | ||
</div> | |||
<audio loop class="my-song" src="<!--{$mp3|escape:'urlpathinfo'}-->" preload="auto"></audio> | |||
</div> | |||
<script src="/archivepages/RPscript.js"></script> | <script src="/archivepages/RPscript.js"></script> | ||
</html> | </html> | ||
</includeonly> | </includeonly> | ||
Revision as of 21:16, 13 June 2023