• Авторизация
Дневник Bonito11 Лента друзей - Дневник - Полная версия


Переход на коды...HTML5 для ЛиРу - коды плееров 02-06-2025 15:59 к комментариям - к полной версии - понравилось!

Это цитата сообщения MANGIANA Оригинальное сообщение

Добрый день! Приятно, что на ЛиРу всё больше и больше людей, которые не хотят ждать милостей от природы или других людей, а берут быка за рога сами: лезут в исходный код страницы и т.д. Для остальных, менее любознательных просто опубликую HTML5 "коды" основных плееров. Очень кратко, на вопросы отвечать не буду. Сразу скажу, что коды могут быть не обязательно вот прямо точь в точь такими. Если интересны подробности, почитайте в учебниках или справочниках по HTML5 про "audio" и "video".

Аудиоплеер

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

Видеооплеер

<video controls="controls" width="тут ширина картинки" height="тут высота картинки" poster="тут ссылка на заставку для видео (картинка)" src="тут ссылка на видеофайл"></video>

Параметр "poster" может отсутствовать. Ширина и высота указывается в пикселях.

Музыкальная открытка

По сути это - видеоплеер, но с аудиофалом:

<video controls="controls" width="тут ширина картинки" height="тут высота картинки" poster="тут ссылка на картинку" src="тут ссылка на файл mp3" type="audio/mpeg"></video>

Совет. Чтобы кнопки управления воспроизведением не закрывали картинку, рекомендую добавить сделать внизу картинку что-то примерно на 30 пикселей.

Источник: www.aliveinternet.ru/post429050850/?upd

 

Серия сообщений "Шаблоны":
Часть 1 - Меняем цвет под определённым участком текста
Часть 2 - Делаем рамочку с картинками
...
Часть 30 - Бегущий текст в цветной рамоке + flash генератор бегущей строки
Часть 31 - ПОЛЕЗНАЯ ИНФОРМАЦИЯ ПО ЖЖ
Часть 32 - Переход на коды...HTML5 для ЛиРу - коды плееров
Часть 33 - Шаблон рамочки //из инета /
Часть 34 - Закругляем углы изображения с помощью HTMLкода
...
Часть 39 - Полоски или линии которыми можно украсить свой текст
Часть 40 - КОДЫ ОСНОВНЫХ КНОПОЧЕК
Часть 41 - Все о бегущем тексте. Примеры и коды.

Серия сообщений "LiveInternet":
Часть 1 -
Часть 2 - Работа в расширенном текстовом редакторе. Части V и VI.
...
Часть 35 - Как увеличить вероятность попадания вашего сообщения на ЛиРу в «Новостной Листок»? (сообщение дня)
Часть 36 - Как бороться со спамом в комментариях?
Часть 37 - Переход на коды...HTML5 для ЛиРу - коды плееров
Часть 38 - Оформляем Личные Сообщения
Часть 39 - Как поменять цвет фон и подчеркнуть текст в нашем редакторе без применения кодов
...
Часть 43 - Сообщение в техподдержку о непристойных дневниках
Часть 44 - Исправляем глюки...
Часть 45 - Перестали приходить письма с ЛиРу? Совет дня от автора Rost

Серия сообщений "Уроки LiveInternet ":
Часть 1 -
Часть 2 - Работа в расширенном текстовом редакторе. Части V и VI.
...
Часть 30 - Как увеличить вероятность попадания вашего сообщения на ЛиРу в «Новостной Листок»? (сообщение дня)
Часть 31 - Как бороться со спамом в комментариях?
Часть 32 - Переход на коды...HTML5 для ЛиРу - коды плееров
Часть 33 - Оформляем Личные Сообщения
Часть 34 - КАК ВЗЯТЬ ПОНРАВИВШУЮСЯ СХЕМУ ОФОРМЛЕНИЯ ДНЕВНИКА НА ЛИРУ
Часть 35 - Как поменять цвет фон и подчеркнуть текст в нашем редакторе без применения кодов
Часть 36 - Исправляем глюки...
Часть 37 - Перестали приходить письма с ЛиРу? Совет дня от автора Rost

Серия сообщений "Плееры":
Часть 1 - МУЗЫКА + ПЛЕЕРЫ
Часть 2 - Делаем плеер
Часть 3 - КОНВЕРТЕР ОНЛАЙН
Часть 4 - Плеер-картинка и Как вставить музыку во флеш-плеер
Часть 5 - Переход на коды...HTML5 для ЛиРу - коды плееров
Часть 6 - Как к фоновому изображению добавить кнопку с прозрачным HTML5 аудиоплеером
Часть 7 - Еще один плеер-урок от Arnusha . Как взять код музыки с YouTube и т.д.
вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Переход на коды...HTML5 для ЛиРу - коды плееров | Bonito11 - Калейдоскоп красивых и полезных мелочей. | Лента друзей Bonito11 / Полная версия Добавить в друзья Страницы: раньше»