【源码】基于videojs的视频源切换插件

项目简介

本项目是基于videojs的视频源切换插件，能提供便捷、灵活的视频源管理方式。它支持mp4、m3u8等多种格式的视频源切换，基于videojs-resolution-switcher项目二次开发，将构建工具更换为Vite，且支持video.js@7.x。

项目的主要特性和功能

1. 支持mp4、m3u8等多种格式的视频源切换。
2. 可通过JavaScript动态更新视频源列表。
3. 支持使用<source>标签同步配置视频源。
4. 具备丰富的配置选项和事件，便于开发者定制与扩展。

安装使用步骤

假设用户已下载本项目的源码文件，使用步骤如下： 1. 通过npm安装插件：npm i @tower1229/videojs-plugin-source-switcher -S。 2. 在项目中引入插件的js和css文件： javascript import '@tower1229/videojs-plugin-source-switcher'; import '@tower1229/videojs-plugin-source-switcher/dist/style.css'; 3. 在videojs播放器实例中启用插件：player.SwitcherPlugin();。 4. 配置视频源，可选择通过JavaScript动态配置，也可使用<source>标签同步配置。 5. 按需配置默认播放的视频源以及事件等。

使用示例

通过JavaScript动态配置视频源并切换

javascript const player = videojs(this.$refs.videoPlayer, options); player.SwitcherPlugin(); player.updateSrc([...]); // 配置视频源列表 player.currentResolution('label'); // 获取/设置当前视频源

通过<source>标签同步配置视频源

```html

```

项目还提供了动态设置视频源、获取/设置当前视频源等扩展功能，开发者可按需定制扩展。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】