Видеоплеер для битрикс
Данная статья поможет вам в произвольном месте битрикса подключить видеоплеер, например, в курсах
Оригинальная статья с решением:
Поддерживаемые форматы:
- WebM
- MP4
- работает на iOS
- просто подключается, достаточно вставить следующую строку:
<video width="640" height="267" poster="./pathto/cars.png"> <source src="./pathto/cars.mp4" type="video/mp4"> </video>
Где:
width="640" height="267" - размеры окна ./pathto/cars.png - ссылка до картинки-превью (разумеется, можно вообще убрать poster из кода) ./pathto/cars.mp4 - ссылка до файла с видео
Чтобы установить плеер:
- Скачиваем приложенный к статье архив
- Вставляем в нужную страницу следующий код для подключения:
- Раскладываем папки videoplayer-js, videoplayer-css, videoplayer-img в директорию подключения
CJSCore::Init("jquery");
Дополнительный файлы в архиве:
- index.html (файл с минимальной вёрсткой и рабочим плеером для примера)
- папка media с демонстративным видео и картинкой-превью
- videoplayer-js/jquery.min(googleapisbackup).js (скаченный
Работоспособности плеера может мешать подключение на странице другого jquery-X.X.X.min.js
Например, если в сгенерированной для браузера странице будет примерно такая строка
<script type="text/javascript" src="/bitrix/js/main/jquery/jquery-1.8.3.min.js?139996627693636"></script>
Совет по диагностике проблем:
- убедитесь, что index.html работает
- попробуйте смоделировать "неработоспособность", например переместите каталог со скриптами и посмотрите будет ли не работать аналогично той странице, где вы пытаетесь его настроить
- попробуйте установить плеер на чистый стенд с битриксом
Для удобства клиента решение можно оформить в виде
Файлы:
videoplayer.zip (6.72 МБ)
Ссылка скопирована в буфер обмена