切换模式
前端常用的视频播放器📽
Video.js
video.js是一个基于HTML5世界的网络视频播放器。它支持HTML5视频和媒体源扩展,以及其他播放技术,如YouTube和Vimeo(通过插件)。它支持桌面和移动设备上的视频播放
| Video.js主页 | GitHub仓库 | API-文档 |
|---|
jwplayer
jwplayer是一种 HTML5 视频播放器,支持所有主要浏览器和移动设备。它还支持广告、直播、音频、视频、图片等功能。
| jwplayer主页 | GitHub仓库 | 官方文档 |
|---|
plyr
Plyr 是一个使用 HTML5 开发的基于浏览器上的多媒体播放器。功能有以下几点:倍速设置、画中画模式、全屏显示等。
| Plyr-主页 | GitHub仓库 |
|---|
DPlayer
国人开发的一款前端视频播放器,官方文档详细。
| DPlayer主页 | GitHub仓库 | 官方文档 |
|---|
MuiPlayer
MuiPlayer 是一款 HTML5 视频播放插件,其默认配置了精美可操作的的播放控件,涉及了常用的播放场景,例如全屏播放、播放快进、循环播放、音量调节、视频解码等功能。
| MuiPlayer主页 | Github Gitee | 官方文档 |
|---|
Artplayer
ArtPlayer.js是一款易于使用且功能丰富的 HTML5 视频播放器,播放器的大部分功能控件都支持自定义,可以轻松与您的业务逻辑对接。此外,它直接支持.vtt,.ass和.srt字幕格式。与其他依赖项(如flv.js、hls.js、dash.js等)集成也非常简单。代码高度解耦,结构和逻辑清晰,易于跟踪错误和添加新功能。
| Artplayer.js | Github仓库 | 官方文档 |
|---|
Vue3-Video-Play
适用于 Vue3 的 hls.js 播放器组件 | 并且支持MP4 WebM Ogg格式,配置强大,UI还算好看
| Vue3VideoPlay | GitHub仓库 | 使用指南 |
|---|
vue-core-video-player
一款基于 vue.js 的轻量级的视频播放器插件插件
| vue-core-video-player | GitHub仓库 | 基本配置 |
|---|