Как настроить плагин Video.js для возможности изменения качества видео?

Как настроить плагин Video.js для возможности изменения качества видео?
  • 9 марта 2024 г. 15:09
Ответы на вопрос 2
Для настройки плагина Video.js для возможности изменения качества видео, вы можете использовать плагин Videojs-resolution-switcher. Вот инструкции о том, как настроить этот плагин:

1. Сначала добавьте ссылку на файл плагина в секции загрузки скриптов вашей веб-страницы:

```html
<script src="https://cdn.jsdelivr.net/npm/[email protected]/videojs-resolution-switcher.min.js"></script>
```

2. Затем добавьте следующий код JavaScript для инициализации плагина Videojs-resolution-switcher и настройки качества видео:

```javascript
videojs('my-video', {
  plugins: {
    videoJsResolutionSwitcher: {
      dynamicLabel: true
    }
  }
});
```

3. В своем HTML-коде укажите различные источники видео с разными качествами, используя теги source внутри тега video:

```html
<video id="my-video" class="video-js" controls>
  <source src="video-360p.mp4" type="video/mp4" data-res="360" />
  <source src="video-720p.mp4" type="video/mp4" data-res="720" />
  <source src="video-1080p.mp4" type="video/mp4" data-res="1080" />
</video>
```

Теперь у пользователей будет возможность выбирать качество видео, используя раскрывающийся список в плеере Video.js.
Можно плагин использовать для качества - https://github.com/videojs/videojs-contrib-quality... 

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