Как встроить проигрыватель VLC в HTML

...

Встраивайте и транслируйте аудио и видео на свой веб-сайт с помощью VLC Media Player.

Потоковое воспроизведение аудиоклипов и видео делает веб-сайты более интерактивными и интересными. Если у вас есть веб-сайт и вы хотите размещать информативные или забавные видеоролики или аудиоклипы, существует множество решений для встраивания аудиоклипа или видео на веб-страницы. Однако некоторые коммерческие приложения дороги и значительно увеличивают стоимость разработки веб-сайта.

VLC Media Player - это медиаплеер с открытым исходным кодом со встроенным потоковым сервером. VLC - один из самых популярных медиаплееров, насчитывающий более 100 миллионов пользователей. Для встраивания медиаплеера VLC на ваши веб-страницы требуется несколько строк HTML-кода.

Видео дня

Шаг 1

Откройте HTML-страницу, которую хотите отредактировать, в текстовом редакторе или редакторе веб-страниц (например, в Блокноте, Блокноте для записи, Dreamweaver).

Шаг 2

Прокрутите страницу до области, в которую вы хотите встроить аудиоклип или видеофайл.

Шаг 3

Скопируйте и вставьте следующий код в редактор в том месте, где VLC Media Player будет отображаться на странице:

Играть вПаузаОстанавливатьсяПолноэкранный

Шаг 4

Отредактируйте параметры в разделе кода "тип встраивания". Этот раздел позволяет вам настроить проигрыватель на вашей веб-странице. Измените «автовоспроизведение» на «нет», если вы хотите, чтобы пользователь нажимал кнопку «Воспроизвести» на медиаплеере перед воспроизведением дорожки или видео. Измените параметр «loop» на «yes», если вы хотите, чтобы носитель продолжал повторять, пока пользователь не остановил его.

Шаг 5

При необходимости отрегулируйте уровень громкости в соответствующей настройке параметра.

ШАГ 6

Замените имя файла «mymovie.avi» на имя файла дорожки или клипа для воспроизведения в медиаплеере. Убедитесь, что вы загружаете файл в ту же папку, что и веб-страница, чтобы браузер мог указать правильный путь к файлу.

Шаг 7

Измените настройки параметров ширины и высоты, чтобы они соответствовали вашей веб-странице или по мере необходимости.

Шаг 8

Сохраните веб-страницу в своем редакторе и загрузите HTML-страницу и клип или видео на свой веб-сайт.

Подсказка

Всегда кодируйте свои HTML-страницы VLC так, чтобы они были совместимы со всеми основными браузерами (например, Chrome, Firefox, Explorer и Safari).