← Форум / HTML5 / HTML5 аудио плеер
Самый добрый день!
На странице, посвященной HTML5 плеерам (), все заточено под видео плеер, хотя в тексте говорится и об аудио.
Попробовал все-таки сделать аудио с несколькими плеерами на странице. Скачал uppod-0.9.5.js
В настройках кода () не забыл поставить рекомендуемую галочку у HTML5.
Собрал плеер в конструкторе, подключил стили файлом audio82–1620.js
В HTML коде сделал все по рекомендациям, изложенным на странице
Но в результате получились страшные аудио-видео гибриды шириной на всю страницу (), хотя в конструкторе я определил размеры 500х32.
При этом по окончании звучания одного плеера не осуществляется автоматического перехода на другой, хотя в настройках я оставил параметр uid
В заключение вот это не понятно:
"Приложите, пожалуйста, ссылку на свой плеер отсюда — Плеер: Файл > Код > Ссылка"
На указанном линке ("Плеер" — ) нет ни "файла, ни "кода", ни "ссылки"
прилагаю, на всякий случай, адрес своего стиля
На странице, посвященной HTML5 плеерам (), все заточено под видео плеер, хотя в тексте говорится и об аудио.
Попробовал все-таки сделать аудио с несколькими плеерами на странице. Скачал uppod-0.9.5.js
В настройках кода () не забыл поставить рекомендуемую галочку у HTML5.
Собрал плеер в конструкторе, подключил стили файлом audio82–1620.js
В HTML коде сделал все по рекомендациям, изложенным на странице
Но в результате получились страшные аудио-видео гибриды шириной на всю страницу (), хотя в конструкторе я определил размеры 500х32.
При этом по окончании звучания одного плеера не осуществляется автоматического перехода на другой, хотя в настройках я оставил параметр uid
В заключение вот это не понятно:
"Приложите, пожалуйста, ссылку на свой плеер отсюда — Плеер: Файл > Код > Ссылка"
На указанном линке ("Плеер" — ) нет ни "файла, ни "кода", ни "ссылки"
прилагаю, на всякий случай, адрес своего стиля
| a347 | Ссылка на пост (Смотрели 2896) | 02.03.17 07:13 Ответить |
<script type="text/javascript" src="http://elenaturkka.ru/video/audio82-1620.js"></script>
<div class="player" id="audioplayer2" style="width:375px; height:32px;" ></div>
<script type="text/javascript">this.player = new Uppod({m:"audio",comment:"Время любить",uid:"audioplayer2",file:"http://elenaturkka.ru/audio/smertinet.mp3|http://elenaturkka.ru/audio/smertinet.ogg",st:"uppodaudio"});</script>
Видимо, рекомендации на странице изрядно устарели.
У меня стояли флэш плееры (), но они беззвучны в мобильных устройствах, поэтому обратил свой взор на HTML5
Я с планшета..типа тоже как считается моб.устройство
Но только не автоматически
Ща скрин выложу
на планшете оказалось часть функций плеера недоступна
вот как оно выглядит на компьютере
Вот
Там просто забыли написать скрипт на стиль и st:"uppodaudio"
width:500px; это ширина
height:32px; это длина(высота)
Функция uid только для флеш плеера и там работает переключение
Но когда-нибудь, возможно, это можно будет осуществить.
вот здесь прекрасный экономичный вариант, но не для смартфонов :(
А так конечно красиво..один прячется плеер..другой появляется..
Но он только для флеш
Помнишь эту ссылку??
А вот посмотри как я создал для html5 ,кнопки внизу по центру нжимай ..только там у меня видео плеер,но можно сменить и на аудио
1 способ — скачать с сайта uppod созданный плейлит в формате .txt и загрузить на свой сайт,а в коде плеера прописать ссылку на этот плейлист
2 способ — в самом коде плеера прописать плейлист