Переход на коды...HTML5 для ЛиРу - коды плееров

Вторник, 19 Января 2038 г. 06:14 + в цитатник

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

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

Переход на коды...HTML5 для ЛиРу - коды плееров

Добрый день! Приятно, что на ЛиРу всё больше и больше людей, которые не хотят ждать милостей от природы или других людей, а берут быка за рога сами: лезут в исходный код страницы и т.д. Для остальных, менее любознательных просто опубликую 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 - Делаем рамочку с картинками
...
Часть 33 - Бегущий текст в цветной рамоке + flash генератор бегущей строки
Часть 34 - ПОЛЕЗНАЯ ИНФОРМАЦИЯ ПО ЖЖ
Часть 35 - Переход на коды...HTML5 для ЛиРу - коды плееров
Часть 36 - Шаблон рамочки //из инета /

Серия сообщений "LiveInternet":
Часть 1 -
Часть 2 - Работа в расширенном текстовом редакторе. Части V и VI.
...
Часть 37 - Как бороться со спамом в комментариях?
Часть 38 - Сделала кнопки с верхней Панели, на всякий пожарный...)))
Часть 39 - Переход на коды...HTML5 для ЛиРу - коды плееров
Часть 40 - Оформляем Личные Сообщения

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