Переход на коды...HTML5 для ЛиРу - коды плееров
19-01-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
вверх^
к полной версии
понравилось!
в evernote
Это цитата сообщения MANGIANA Оригинальное сообщение
Переход на коды...HTML5 для ЛиРу - коды плееров
Аудиоплеер
<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 - КАК ВЗЯТЬ ПОНРАВИВШУЮСЯ СХЕМУ ОФОРМЛЕНИЯ ДНЕВНИКА НА ЛИРУ
Вы сейчас не можете прокомментировать это сообщение.
Дневник Переход на коды...HTML5 для ЛиРу - коды плееров | ЛЮДМИЛА_ГОРНАЯ - Вся жизнь- это танец,который танцует Душа |
Лента друзей ЛЮДМИЛА_ГОРНАЯ
/ Полная версия
Добавить в друзья
Страницы:
раньше»