优秀开源的HTML5 视频播放器

视频播放插件 DPlayer

官网地址 https://dplayer.diygod.dev/zh/
代码仓库 https://github.com/DIYgod/DPlayer

快速开始

我们先尝试初始化一个最简单的 DPlayer

加载播放器文件:

<div id="dplayer"></div>
<script src="DPlayer.min.js"></script>

在 js 里初始化:

const dp = new DPlayer({
    container: document.getElementById('dplayer'),
    video: {
        url: 'demo.mp4',
    },
});

一个最简单的 DPlayer 就初始化好了，它只有最基本的视频播放功能

支持特点
        流媒体格式
                HLS
                FLV
                MPEG DASH
                WebTorrent
                Any other custom streaming formats
媒体格式
        MP4 H.264
        WebM
        Ogg Theora Vorbis
功能
        Danmaku
        Screenshot
        Hotkeys
        Quality switching
        Thumbnails
        Subtitle

整体来看我是首推这个播放器的优点如下

        国人开发 优秀的中文文档
        良好的适配，支持 Safari、H5等
        功能齐全，支持倍速播放、画质调节、截图、弹幕等功能
        清晰的文档以及种类繁多的API
        拥有 react 的包 react-dplayer