DPlayer 是一個支持彈幕的 html5 視頻播放器。支持 Bilibili 視頻和 danmaku，實時視頻（HTTP Live Streaming，M3U8格式）以及 FLV 格式。
用法
<div id="player1" class="dplayer"></div> <!-- ... --> <script src="dist/DPlayer.min.js"></script>選項
var dp = new DPlayer({ element: document.getElementById('player1'), // 可選，player元素 autoplay: false, // 可選，自動播放視頻，不支持移動瀏覽器 theme: '#FADFA3', // 可選，主題顏色，默認: #b7daff loop: true, // 可選，循環播放音樂，默認：true lang: 'zh', // 可選，語言，`zh'用於中文，`en'用於英語，默認：Navigator language screenshot: true, // 可選，啟用截圖功能，默認值：false，注意：如果設置為 true，視頻和視頻截圖必須啟用跨域 hotkey: true, // 可選，綁定熱鍵，包括左右鍵和空格，默認值：true preload: 'auto', // 可選，預加載的方式可以是'none''metadata''auto'，默認 值：'auto' video: { // 必需，視頻信息 url: '若能綻放光芒.mp4', // 必填，視頻網址 pic: '若能綻放光芒.png' // 可選，視頻截圖 }, danmaku: { // 可選，顯示彈幕，忽略此選項以隱藏彈幕 id: '9E2E3368B56CDBB4', // 必需，彈幕 id，注意：它必須是唯一的，不能在你的新播放器 中使用這些： `https://api.prprpr.me/dplayer/list` api: 'https://api.prprpr.me/dplayer/', // 必需，彈幕 api token: 'tokendemo', // 可選，api 的彈幕令牌 maximum: 1000, // 可選，最大數量的彈幕 addition: ['https://api.prprpr.me/dplayer/bilibili?aid=4157142'] // 可選的，額外的彈幕，參見：`Bilibili彈幕支持` } });事件綁定
dp.on（event, handler）事件：
play: DPlayer 開始播放時觸發 pause: DPlayer 暫停時觸發 canplay: 在有足夠的數據可以播放時觸發 playing: DPlayer 播放時定期觸發 ended: DPlayer 結束時觸發 error: 發生錯誤時觸發HLS支持（實時視頻，M3U8格式）
它需要 hls.js 庫，並且應該在 DPlayer.min.js 之前加載。實時彈幕尚不支持。
<div id="player1" class="dplayer"></div> <!-- ... --> <script src="plugin/hls.min.js"></script> <script src="dist/DPlayer.min.js"></script> <script> var dp = new DPlayer({ // ... video: { url: 'xxx.m3u8' // ... } }); </script>FLV支持
它需要 flv.js 庫，並且應該在 DPlayer.min.js 之前加載。
<div id="player1" class="dplayer"></div> <!-- ... --> <script src="plugin/flv.min.js"></script> <script src="dist/DPlayer.min.js"></script> <script> var dp = new DPlayer({ // ... video: { url: 'xxx.flv' // ... } }); </script>使用bundler模塊
var DPlayer = require('DPlayer'); var dp = new DPlayer(option);
其他類似工具: DPlayer, videos.js, ckplayer, vue-DPlayer, vue-video-player