Атрибут controls используется для того, чтобы отобразить элементы управления. Если его не указать, никакого интерфейса не будет: аудиоплеер не будет отображаться, а в видеоплеере просто будет показан кадр из видео или постер.
Обратите внимание, как указан источник. Для видео достаточно прописать атрибут src, а для аудио нужно прописывать дополнительные элементы source, чтобы указать пути и формат файлов. В коде выше добавлено два одинаковых файла, но в разных расширениях — это нужно для того, чтобы прослушать запись можно было на всех устройствах и во всех браузерах, потому что не все из них поддерживают mp3 или какой-то другой формат.
Вот список атрибутов, которые можно указать для плеера:
controls — панель управления;
autoplay — автовоспроизведение;
loop — цикличность;
muted — выключение звука;
poster — обложка видео. Если не указать, будет выбран случайный кадр;
preload — предварительная загрузка. Существует 3 значения: auto (полностью), metadata (небольшую часть, чтобы определить основные метаданные) и none (без загрузки);
В связи с тем, что флэш-плеер "приказал долго жить", даю здесь код нового плеера, в котором, после небольшой доработки, будут работать и плейлисты с сайта Uppod.ru.
Код
<div id="player"> <script> var player = new Playerjs({id:"player", file:"//site.com/audio.mp3"}); </script> </div>
где file - ссылка на файл видео или аудио, плейлист в отдельном txt файле, манифест HLS или DASH, ссылка YouTube или Vimeo. Если плееров на странице несколько, то можно присваивать им имена, например, player1, player2...
Всем привет, вот подготовил для вас подборку лучших музыкальных mp3 сайтов с огромным количеством музыки , последними новинками, слушать онлайн и качать песни можно без ограничений!
Добавлено (23.11.2021, 19:58) --------------------------------------------- https://mufm.me/ Вот тут еще сможете всю музыку найти послушать и скачать полностью бесплатно, отличный музыкальный портал
Эти скрипты вставляются при создании поста, или при редактировании в самый его верх, или непосредственно перед кодом плеера(названия и размеры не нужно вставлять).
Код плеера(общий как для одиночных файлов mp3, так и для плейлистов). В режиме html вставляется в редакторе там, где это нужно вам.
Код
<table border="0"> <tbody> <tr> <td style="width: 320px; height: 40px;"> <div id="player1"><script> var player = new Playerjs({id:"player1", file:"https://....mp3"}); </script></div> </td> </tr> </tbody> </table>
где "player", если их несколько, может быть пронумерован по порядку. После слова file: в кавычках ставите ссылку на файл mp3, или плейлист.
