html视频自动播放播放器,支持弹字幕HTML5视频播放器DPlayer

DPlayer 是一个支持弹幕的 HTML5 视频播放器。支持 Bilibili 视频和 danmaku,支持流媒体包括HLS,FLV,MPEG DASH,WebTorrent以及其他视频格式,支持截屏、热键、切换清晰度以及字幕等。

2d5b3cbf08d24bb7f45d68675dee8108.png

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弹幕支持`

}

});

相关链接

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值