-Метки

австрийские писатели аксессуары американские писатели английские писатели анекдоты анимационные картинки архитектура афоризмы вещи видео вода всякая всячина генераторы города двустишия дети детские писатели домоводство драматурги женщины животные жизнь моя - жестянка здоровье зима значение слов интересная информация интересные истории ирина королёва ирина королёва-алексеева искусство испанские писатели исторические личности история картинки картины книги комнатные растения компьютерная грамотность кошки криминал кулинария легенды лингвистика литература литературные цитаты литературный каталог личные записи люди искусства медицина мои переводы мои стихотворения монархи мудрость мужчины музыка народные средства немецкие писатели новый год нумерология обработка изображений одежда онлайн сервисы осень оформление блога очевидное-невероятное пародии писатели писатели-детективисты писатели-сказочники писатели-фантасты полезная информация политика польские писатели поэты праздники природа притчи продукты питания прозаики психология птицы развлечения рассказы рассказы о детях рассказы о животных религия россия русские писатели русские цари русь санкт-петербург сахарный диабет сказки собаки советские писатели создание коллажей социальные вопросы ссылки стихотворения схемы весенние схемы для liveinternet схемы зимние схемы коричневые схемы новогодние схемы осенние схемы светлые схемы цветочные тайны тесты традиции ужасы уроки уход за собой фотографии фоторедакторы фотоэффекты фразеологизмы французские писатели фэнтези цветы чешские писатели чистящие средства эзотерика юмор юмористические афоризмы юмористические рассказы

 -Рубрики

 -Фотоальбом

Посмотреть все фотографии серии Зимние картинки
Зимние картинки
16:35 09.09.2017
Фотографий: 386

 -Приложения

  • Перейти к приложению MediaMetrics MediaMetricsСвежие котировки новостей
  • Перейти к приложению Открытки ОткрыткиПерерожденный каталог открыток на все случаи жизни
  • Перейти к приложению Онлайн-игра "Большая ферма" Онлайн-игра "Большая ферма"Дядя Джордж оставил тебе свою ферму, но, к сожалению, она не в очень хорошем состоянии. Но благодаря твоей деловой хватке и помощи соседей, друзей и родных ты в состоянии превратить захиревшее хозяйст
  • Перейти к приложению Стена СтенаСтена: мини-гостевая книга, позволяет посетителям Вашего дневника оставлять Вам сообщения. Для того, чтобы сообщения появились у Вас в профиле необходимо зайти на свою стену и нажать кнопку "Обновить
  • Перейти к приложению Онлайн-игра "Empire" Онлайн-игра "Empire"Преврати свой маленький замок в могущественную крепость и стань правителем величайшего королевства в игре Goodgame Empire. Строй свою собственную империю, расширяй ее и защищай от других игроков. Б

 -Всегда под рукой

Сейчас на сайте

 -Поиск по дневнику

Поиск сообщений в MANGIANA

 -Подписка по e-mail

 


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

Четверг, 13 Сентября 2018 г. 02:04 + в цитатник
Добрый день! Приятно, что на ЛиРу всё больше и больше людей, которые не хотят ждать милостей от природы или других людей, а берут быка за рога сами: лезут в исходный код страницы и т.д. Для остальных, менее любознательных просто опубликую 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кода
...
Часть 38 - ПРОСТЫЕ РАМКИ С ЗАГОЛОВКОМ
Часть 39 - Полоски или линии которыми можно украсить свой текст
Часть 40 - КОДЫ ОСНОВНЫХ КНОПОЧЕК

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

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

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

Метки:  

Процитировано 9 раз
Понравилось: 8 пользователям

ЛЮДМИЛА_ГОРНАЯ   обратиться по имени Среда, 10 Июля 2019 г. 08:56 (ссылка)
Спасибо!Хорошего дня!
Ответить С цитатой В цитатник
Перейти к дневнику

Среда, 10 Июля 2019 г. 18:47ссылка
Пожалуйста, Людмилочка !
ALBENS   обратиться по имени Среда, 24 Июня 2020 г. 14:43 (ссылка)
Спасибо!
Ответить С цитатой В цитатник
E-Ledi   обратиться по имени Среда, 24 Июня 2020 г. 20:11 (ссылка)
Ириночка, с благодарностью цитирую. Здоровья и всех благ желаю!
Ответить С цитатой В цитатник
Перейти к дневнику

Четверг, 25 Июня 2020 г. 15:23ссылка
Спасибо, дорогая ! И тебе всего самого наилучшего !
mari_tais   обратиться по имени Четверг, 12 Октября 2023 г. 04:54 (ссылка)
Благодарю!
Ответить С цитатой В цитатник
Перейти к дневнику

Четверг, 12 Октября 2023 г. 18:56ссылка
На здоровье ! Доброго Вам вечера ! )
Комментировать К дневнику Страницы: [1] [Новые]
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку