WordPress内嵌Dplayer HTML5弹幕播放器

提醒：本文已经超过 1416 天未修改，其中某些信息可能已经过时，请谨慎使用！
你似乎正在查看一篇很久远的文章。
为了你这样的访客，我特地保留了我的历史博文。不要笑话过去的我，用温柔的目光看下去吧。

感谢Yuina提供的弹幕后端服务！

Dplayer是一个H5弹幕播放器，现本站提供直接在Wordpress等博客中直接内嵌Dplayer而无需自己进行繁琐的布置，只需要简简单单的三步。

# 托管自己的视频

这个需要您自行寻找解决方案，您可以使用自己的服务器/Dogecloud的对象存储+CDN(或者直接使用多吉云的视频服务，但那样就没有了弹幕和其他功能)，如视频文件较小可以jsdelivr进行加速(如果不要求画质可以转成webm格式，虽然会导致画质降低，但是文件大小会压缩的非常可观)，请注意，您需要在您托管视频的服务器/CDN上add_header 'Access-Control-Allow-Origin' '*';以防止跨域问题导致视频加载失败，同时您需要保证视频地址为HTTPS。

最佳解决方案：把视频用ffmpeg切成m3u8上传jsdelivr进行加速

# 获取播放器链接

播放器地址:https://api.gymxbl.com/player

您需要使用下列参数告诉播放器该如何加载:

注:本播放器支持POST提交参数，只需要POST提交URL参数。

参数	类型	说明
url	必选	视频的地址，必须为HTTPS
type	必选	视频格式，支持mp4，flv，m3u8，mp3(无画面)，后续将支持直播live和更多格式
autoplay	可选	是否自动播放，true或false，默认false
theme	可选	主题色，默认#33CCFF
loop	可选	循环播放，true或false，默认false，用户前端可自行开启
lang	可选	语言，默认zh-cn
preload	可选	预加载，开启为true，否则关闭
volume	可选	视频默认音量，后面跟数字，0.7(70%)，默认1(100%)
poster	可选	视频封面，后面跟链接，如果没有则采取第一画面为封面
danmaku	可选	是否开启弹幕，如开启则danmaku=true
danmakuurl	可选	自选弹幕接口地址，建议自建防止第三方接口爆炸
logo	可选	位于左上角的logo，可用于打水印防盗，防君子不防小人(笑)
text	可选	进度条开启高能预警，text=高能预警的内文字容
text2	可选	进度条开启高能预警第二条，text2=高能预警的内文字容
time	可选	进度条开启高能预警的时间，text=(秒)
time2	可选	进度条开启高能预警的第二时间，text2=(秒)
thumbnails	可选	缩略图，后面跟链接
quality	可选	清晰度，如果开启该功能quality=true
url4k	必选	如果你开起了清晰度功能则该参数必选，为4k视频地址，如不选则不显示
url1080p	必选	如果你开起了清晰度功能则该参数必选，为1080p视频地址，如不选则不显示
url720p	必选	如果你开起了清晰度功能则该参数必选，为720p视频地址，如不选则不显示
url480p	必选	如果你开起了清晰度功能则该参数必选，为480p视频地址，如不选则不显示
url360p	必选	如果你开起了清晰度功能则该参数必选，为360p视频地址，如不选则不显示
vtt	可选	字幕文件，webvtt格式，后面跟文件链接，如不开启请不要带这个参数
vttsize	可选	字幕字体大小，默认25px，后面跟数字不用加px，如vttsize=16
vttcolor	可选	字幕字体颜色，默认#b7daff

注:如果开启了清晰度选择，而地址重复，则地址重复的清晰度无法选择。

#将播放器嵌入博客

你可以使用iframe来嵌入视频，以wordpress为例你可以选择自定义HTML区块，然后输入下列代码:

<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width="宽度" height="高度" allowfullscreen="" src="播放器链接"></iframe>

实列:

建议不要使用QQ/微信内置浏览器观看！

总体来说该播放器仍有不足，比如分p功能还没做，在线自动填写播放器链接还没做，由于站长已经高一，该项目会在后续持续更新至完美。

#更新日志

2020/11/19 更新自定义接口功能

2020/9/28 更新POST提交参数功能。

2020/9/16 更新4K清晰度，修改播放器右键菜单。

2020/9/15 修复清晰度无法单独选择的BUG，更正清晰度字母大小写。

由于站长实在是没钱了如果可以请帮忙点点广告吧QWQ

版权声明:转载时请以超链接形式标明文章原始出处和作者信息，来源孤影墨香
本文链接: https://www.iloli.xin/2883.html
访问时间:2024-10-06 11:43:26