DWWEB.RU

Простой плеер Html для сайта

2018/05/29 Марат 758 0 HTML | CSS |

Простой плеер на html для сайта. Нам потребовался самый простой, какой только можно себе представить плеер, чтобы можно было посмотреть видео и тут же используя этот же плеер и послушать музыку!

И получилась довольно странная ситуация, что такого плеера в сети нет! Вообще я давно уже не пользовался этим плеером, но помнил, что он у меня есть, и кроме, как у себя, не мог подумать, где ещё он может быть. Поскольку и название его я тоже не знаю. Не буду дальше рассказывать мой длительный поиск плеера Html!

В общем я его нашел:

Самый простой плеер!

<video width="Здесь ставим ширину" height="здесь ставим высоту" controls=""><source src="Здесь ваш адрес на файл" type="video/mp4"></video>

И продемонстрируем, как это работает, мы поставим ширину 95%.

width="95%"

А высоту автоматическую...

height="auto"

Смотрим, что у нас получилось...

Плеер для видео

Для того, чтобы адаптировать данный плеер для воспроизведения музыки - нужно - поменять слово video на audio , просто устанавливаете ссылку на файл например в мп3

Код:

<audio width="Здесь ставим ширину" height="здесь ставим высоту" controls=""><source src="Здесь ваш адрес на файл" type="video/mp4"></audio>

Плеер для музыки - mp3

Смотрим:

И интересный поисковый запрос:

Как вставить плеер на сайт!?

Для этого нужен доступ к коду страницы, открываем такой код в любой программе( Sublime Text 3, Notepad++) которая умеет работать с кодом, даже простой блокнот сможет сделать это!

И вставляем данный код в то место, где предполагается будет находиться ваш плеер.

Простой плеер

Не забудь !
Оставить комментарийCOMMENTS+
Сообщений пока нет - Вы можете стать первым
BBcode
нажмите, чтобы загрузить аватар
Загрузить свой аватар(max ширина, высота = 100px) ( как это работает)

Закрыть
+=
Подписаться
Теги:
html плеер html плеер для сайта html плеер видео онлайн html плеер html коды плееров html плеер фильмы фильмы онлайн html плеер бесплатный html плеер html плеер mp скачать html плеер код плеера для сайта html как сделать плеер в html музыкальный плеер html html плеер вставить плеер на сайт html html mp плеер для сайта аудио html плеер как добавить плеер на сайт html html плеер скачать бесплатно mp плеер для сайта html код html код для плеера с настройкой громкости

НАШИ ПРОЕКТЫ : Проекты находятся в разной степени готовности (просто их столько, что времени не хватает…) Все статьи авторские, при копироавании активная ссылка обязательна DwWeb.ru! © 2015 - 2019