Адаптивный плеер для WebSite X5 - КакЧтоГде

Как Что Где
Перейти к контенту
Пример адаптивного встраивания webm в WebSite X5
Вы видите АДАПТИВНЫЙ плеер с автозапуском и зацикливанием
(его форма, горизонтальная или вертикальная, меняется в зависимости размера сторон видеофайла webm)
Код этого плеера:
Закачайте на ваш сайт файл playerjs.js и вставте код в head нужной страницы:
<script src="//ваш сайт/playerjs.js "type="text/javascript"></script>
В теле этой же страницы вставьте код:
<div id="player"></div>
<script>
  var player = new Playerjs({id:"player", file:"//ваш сайт/имя видео.webm"});
</script>


Вес файла webm в плеере 114 КБ
Ниже для сравнения, исходный файл gif, его вес 336 КБ

P.S При вставке таких тяжелых изображений, не забудьте включить ленивую загрузку:
Эффект - Редактировать - Параметры - Включить загрузку по требованию

Ссылки:
Создать плеер https://playerjs.com/
конвектор gif в webm https://convertio.co/ru/gif-webm/
конвектор mp4 в webm https://convertio.co/ru/mp4-webm/

Назад к содержимому