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


Переход на коды...HTML5 для ЛиРу - коды плееров 26-05-2024 14:13 к комментариям - к полной версии - понравилось!

Это цитата сообщения 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 - Делаем рамочку с картинками
...
Часть 31 - Бегущий текст в цветной рамоке + flash генератор бегущей строки
Часть 32 - ПОЛЕЗНАЯ ИНФОРМАЦИЯ ПО ЖЖ
Часть 33 - Переход на коды...HTML5 для ЛиРу - коды плееров
Часть 34 - Шаблон рамочки //из инета /
Часть 35 - Закругляем углы изображения с помощью HTMLкода
...
Часть 40 - Полоски или линии которыми можно украсить свой текст
Часть 41 - КОДЫ ОСНОВНЫХ КНОПОЧЕК
Часть 42 - Все о бегущем тексте. Примеры и коды.

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

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

Серия сообщений "Плееры":
Часть 1 - МУЗЫКА + ПЛЕЕРЫ
Часть 2 - Делаем плеер
...
Часть 5 - Маленький цветок
Часть 6 - Одинокий пастух
Часть 7 - Переход на коды...HTML5 для ЛиРу - коды плееров
Часть 8 - Мужчина и женщина Fausto Papetti
Часть 9 - Энгельберт Хампердинк - Just Say I love Her
...
Часть 16 - Джо Дассен - "Если бы не было тебя"
Часть 17 - Как к фоновому изображению добавить кнопку с прозрачным HTML5 аудиоплеером
Часть 18 - Еще один плеер-урок от Arnusha . Как взять код музыки с YouTube и т.д.
вверх^ к полной версии понравилось! в evernote


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

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