Про HTML5 плеер

Четверг, 27 Августа 2020 г. 20:53 + в цитатник

Цитата сообщения Быкова_Любаша

Прочитать целиком В свой цитатник или сообщество!

Всем Здравствуйте...

Перенесла этот урок по вашей просьбе из старого Дневника.
Как сделать HTML плеер, который может работать без Адобе флеш плеера.

Код музыкального плеера, код которого вы найдёте ниже в окошке, лучше того, что я давала в одном из своих уроков. Не знаю, кто "автор" этого кода, но ему от нас Большое спасибо...))
Вот этот музыкальный плеер и код.

<video alt="" border="0" controls="controls" height="60" poster="" src="СЮДА ВСТАВИТЬ ПРЯМУЮ ССЫЛКУ НА МУЗЫКУ" title="" type="audio/mpeg" width="100"></video>

Если вы захотите сделать муз. открытку и вставить в код к музыке картинку, простую или анимационную, то ссылку на картинку нужно вставить так, см. код.

<video alt="" border="0" controls="controls" height="60" poster="СЮДА ВСТАВИТЬ ССЫЛКУ НА КАРТИНКУ" src="СЮДА ВСТАВИТЬ ПРЯМУЮ ССЫЛКУ НА МУЗЫКУ" title="" type="audio/mpeg" width="100"></video>

И последнее...

Код данного плеера написан html5 кодом.
Для тех, кто не понимает скажу просто - с таким плеером вы можете слушать музыку и без Адобе флеш плеера. Если хотите, можете проверить. Отключите Адобе флеш плеер в своих плагинах и обновив страничку, вы всё равно будете видеть и слышать...))

На этом всё, будут вопросы, пишите...))

пост составила

Серия сообщений "Уроки от Любаши К":

Часть 1 - Настраиваем ноут при закрытии крышки
Часть 2 - Делаем авку и собираем пазлы...
...
Часть 31 - Как сделать аудио плейлист на сайте uppod.ru
Часть 32 - Как сделать плейлист по скинам на сайте uppod.ru
Часть 33 - Про HTML5 плеер

Серия сообщений "Видеохостинги - НТМЛ5":
Часть 1 - Видео плеер, который также может работать без Adobe Flash Player
Часть 2 - Видеохостинги, перешедшие на HTML5, откуда можно брать код для вставки на Лиру
Часть 3 - Привет, HTML5!
Часть 4 - HTML5 для ЛиРу - коды плееров
Часть 5 - Про HTML5 плеер
Часть 6 - Как сделать плейлист по скинам на сайте uppod.ru
Часть 7 - Красиво танцуют папа с дочками..

Рубрики:

Делаем ПЛЕЕРЫ-уроки
УРОКИ от (ЛюбашиК)

Метки: HTML5 плеер

<a href="https://www.liveinternet.ru/users/5142053/post473895537/">РџСЂРѕ HTML5 РїР»РµРµСЂ</a>

Р’СЃРµРј Р—РґСЂР°РІСЃС‚РІСѓР№С‚Рµ...

РџРµСЂРµРЅРµСЃР»Р° СЌС‚РѕС‚ СѓСЂРѕРє РїРѕ РІР°С€РµР№ РїСЂРѕСЃСЊР±Рµ РёР· СЃС‚Р°СЂРѕРіРѕ Р”РЅРµРІРЅРёРєР°.
РљР°Рє СЃРґРµР»Р°С‚СЊ HTML РїР»РµРµСЂ, РєРѕС‚РѕСЂС‹Р№ РјРѕР¶РµС‚ СЂР°Р±РѕС‚Р°С‚СЊ Р±РµР· РђРґРѕР±Рµ С„Р»РµС€ РїР»РµРµСЂР°.

РљРѕРґ РјСѓР·С‹РєР°Р»СЊРЅРѕРіРѕ РїР»РµРµСЂР°, РєРѕРґ РєРѕС‚РѕСЂРѕРіРѕ РІС‹ РЅР°Р№РґС‘С‚Рµ РЅРёР¶Рµ РІ РѕРєРѕС€РєРµ, Р»СѓС‡С€Рµ С‚РѕРіРѕ, С‡С‚Рѕ СЏ РґР°РІР°Р»Р° РІ РѕРґРЅРѕРј РёР· СЃРІРѕРёС… СѓСЂРѕРєРѕРІ. РќРµ Р·РЅР°СЋ, РєС‚Рѕ "Р°РІС‚РѕСЂ" СЌС‚РѕРіРѕ РєРѕРґР°, РЅРѕ РµРјСѓ РѕС‚ РЅР°СЃ Р‘РѕР»СЊС€РѕРµ СЃРїР°СЃРёР±Рѕ...))
Р’РѕС‚ СЌС‚РѕС‚ РјСѓР·С‹РєР°Р»СЊРЅС‹Р№ РїР»РµРµСЂ Рё РєРѕРґ.

Р•СЃР»Рё РІС‹ Р·Р°С…РѕС‚РёС‚Рµ СЃРґРµР»Р°С‚СЊ РјСѓР·. РѕС‚РєСЂС‹С‚РєСѓ Рё РІСЃС‚Р°РІРёС‚СЊ РІ РєРѕРґ Рє РјСѓР·С‹РєРµ РєР°СЂС‚РёРЅРєСѓ, РїСЂРѕСЃС‚СѓСЋ РёР»Рё Р°РЅРёРјР°С†РёРѕРЅРЅСѓСЋ, С‚Рѕ СЃСЃС‹Р»РєСѓ РЅР° РєР°СЂС‚РёРЅРєСѓ РЅСѓР¶РЅРѕ РІСЃС‚Р°РІРёС‚СЊ С‚Р°Рє, СЃРј. РєРѕРґ.

Р РїРѕСЃР»РµРґРЅРµРµ...

РљРѕРґ РґР°... <a href="https://www.liveinternet.ru/users/5142053/post473895537/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

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

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

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

LiveInternetLiveInternet

-Рубрики

-Музыка

-Приложения

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

-Друзья

-Статистика

Про HTML5 плеер