Без заголовка

Воскресенье, 25 Апреля 2021 г. 17:09 + в цитатник

Цитата сообщения Mariea

Прочитать целиком В свой цитатник или сообщество!

Оформление плееров на ли ру.

В своем посте - HTML5 для ЛиРу - коды плееров
https://www.liveinternet.ru/users/marmuh/post429068712/
Rost предложил варианты Аудиоплеера, Видеоплеера и Музыкальной открытки.
В частности, вот такой аудиоплеер.

<*audio controls="controls" src="тут ссылка на файл mp3" type="audio/mpeg"><*/audio>

С музыкой плеер выглядит сл. образом:

его код :
<*audio controls="controls" src="//img1.liveinternet.ru/images/attach/d/0//5695/5695741_orkestr_ rulonuycha____posle_dozhdya__mp3ostrov.mp3" type="audio/mpeg"><*/audio>,

где //img1.liveinternet.ru/images/attach/d/0//5695/5695741_orkestr_ rulonuycha____posle_dozhdya__mp3ostrov.mp3 - код музыки.
Я загрузила его в пост со своего компьютера.

Чтобы немного украсить этот аудиоплеер, я поместила его в рамочку, обычную, маленькую рамочку.
Вот пример:

1.

Его код:

<table background="https://buddies.vteximg.com.br/arquivos/ORO.jpg" border="2" cellpadding="2" style="WIDTH: 310px;cellspacing="><tbody><tr><td><font color="#000000" face="arial" font="font" size="5"><audio controls="controls" src="//img1.liveinternet.ru/images/attach/d/0//5695/5695741_orkestr_rulonuycha____posle_dozhdya__mp3ostrov.mp3" type="audio/mpeg"></audio></font></td></tr></tbody></table>

Еще несколько вариантов оформления таких аудиоплееров:

2.