Записи Друзья Комментарии
ninona
Аватар ninona

 -Цитатник

" Я НЕ ОСТАВЛЮ ТЕБЯ!" - (0)

  " Я НЕ ОСТАВЛ...

Часики !!! - (5)

Часики !!!   под кнопочкой шаблоны для циферблатов найденные в VK https://i5...

Схемы от Inna Guseva - (0)

Схемы от Inna Guseva

Схемы-черно-золотая абстракция - (0)

Схемы-черно-золотая абстракция

МОИ СХЕМЫ - (0)

МОИ СХЕМЫ

 -Рубрики

 -Фотоальбом

Посмотреть все фотографии серии это я
это я
17:57 07.03.2020
Фотографий: 1
Посмотреть все фотографии серии 8 марта 2020
8 марта 2020
17:41 07.03.2020
Фотографий: 1
Посмотреть все фотографии серии
20:46 16.01.2020
Фотографий: 5

 -Приложения

  • Перейти к приложению Открытки ОткрыткиПерерожденный каталог открыток на все случаи жизни
  • Перейти к приложению Дешевые авиабилеты Дешевые авиабилетыВыгодные цены, удобный поиск, без комиссии, 24 часа. Бронируй сейчас – плати потом!
  • Перейти к приложению Всегда под рукой Всегда под рукойаналогов нет ^_^ Позволяет вставить в профиль панель с произвольным Html-кодом. Можно разместить там банеры, счетчики и прочее
  • Перейти к приложению Я - фотограф Я - фотографПлагин для публикации фотографий в дневнике пользователя. Минимальные системные требования: Internet Explorer 6, Fire Fox 1.5, Opera 9.5, Safari 3.1.1 со включенным JavaScript. Возможно это будет рабо
  • Перейти к приложению Онлайн-игра "Empire" Онлайн-игра "Empire"Преврати свой маленький замок в могущественную крепость и стань правителем величайшего королевства в игре Goodgame Empire. Строй свою собственную империю, расширяй ее и защищай от других игроков. Б

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

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

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

 

 -Сообщества

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 24.01.2012
Записей: 19314
Комментариев: 44445
Написано: 96325


Без заголовка

Суббота, 27 Января 2018 г. 19:30 + в цитатник
Цитата сообщения Rost
Прочитать целикомВ свой цитатник или сообщество!
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 пикселей.

Серия сообщений "как вставлять плеер":
Часть 1 - Вставляем музыкальный плеер в определенное место...
Часть 2 - Без заголовка
Часть 3 - С чего все начиналось
Часть 4 - Домены и SSL-сертификаты
...
Часть 12 - Про плеер с html кодом...Размышление...
Часть 13 - Как превратить HTML аудиоплеер в круглую кнопку и разместить его поверх фонового изображения
Часть 14 - Аудиоплееры с html кодом - 4

Рубрики:  Плеер

Понравилось: 1 пользователю
Нравится

Комментировать — К дневнику — Страницы: [1] [Новые]
 

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

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

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

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


О проекте