Видео Плееры HTML 5

Понедельник, 24 Марта 2025 г. 01:18 + в цитатник

В Плеере звучат песни:

"Сон"- Николай Гумилёв,

"Парус"- Михаил Лермонтов,

"Письмо" - Сергей Есенин

Звучат песни:

"Незванный гость"- Сергей Челобанов,

"Поцелуй"- Витас,

"Обожаю Тебя" - Валерий Палаускас

"Старый рояль" - Елена Цыплакова,Игорь Скляр

Вы Мой

Гость!

Аудиоплеер <audio controls="controls" src="тут ссылка на файл mp3" type="audio/mpeg"></audio>
Видеооплеер <video controls="controls" width="тут ширина картинки" height="тут высота картинки" poster="тут ссылка на заставку для видео (картинка)" src="тут ссылка на видеофайл"></video>

Параметр "poster" может отсутствовать. Ширину и высоту указывать в пикселях.

*Улочки-переулочки*

улочки-переулочки (620x465, 85Kb)

Переулок Натали

Музыкальная открытка По сути это видеоплеер,но с аудиофалом: <video controls="controls" width="тут ширина картинки" height="тут высота картинки" poster="тут ссылка на картинку" src="тут ссылка на файл mp3" type="audio/mpeg"></video>
Чтобы кнопки управления воспроизведением не закрывалиизображение,посте, рекомендую добавитьвнизу картинку примерно на 30 пикселей.
Video Player HTML Generator

Код плеера тут: https://webcode.tools/html-generator/video

Рубрики:

~ Плеер

Метки: Video Player HTML Generator

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

Комментировать

« Пред. запись — К дневнику — След. запись »

Страницы: [1] [Новые]

ЛЮДМИЛА_ГОРНАЯ обратиться по имени Понедельник, 24 Марта 2025 г. 04:15 (ссылка)

Наташа,круто!

Ответить С цитатой В цитатник

Tuse4ka_Natasha обратиться по имени Понедельник, 24 Марта 2025 г. 11:50 (ссылка)

Формула Аудиоплеера
Аудиоплеер

Видеооплеер

Формула Музыкальной открытки
Плеер 5 html муз.открытка (700x329, 74Kb)

Музыкальная открытка

Это - видеоплеер, но с аудиофалом:

Ответить С цитатой В цитатник

Tuse4ka_Natasha обратиться по имени Понедельник, 24 Марта 2025 г. 12:15 (ссылка)

Аудиоплеер

<audio controls="controls" src="тут ссылка на файл mp3" type="audio/mpeg"></audio>

Видеооплеер

<video controls="controls" width="тут ширина картинки" height="тут высота картинки" poster="тут ссылка на заставку для видео (картинка)" src="тут ссылка на видеофайл"></video>

Ответить С цитатой В цитатник

Tuse4ka_Natasha обратиться по имени Понедельник, 24 Марта 2025 г. 12:21 (ссылка)

Ответ на комментарий ЛЮДМИЛА_ГОРНАЯ

ЛЮДМИЛА_ГОРНАЯ,