jQuery+Dplayer.js仿哔哩哔哩视频文字弹幕代码
207
0

一款非常好看的jQuery+Dplayer.js仿哔哩哔哩视频文字弹幕代码,jQuery网站视频弹幕特效。
<script src="js/DPlayer.min.js"></script>
<script>
console.log(" %c 该项目基于Dplayer.js",'color:red')
var dp = new DPlayer({
element: document.getElementById('player1'),
video: {
url: 'http://oz4nlgp7a.bkt.clouddn.com/ss.mp4',
pic: 'css/danmu.jpg'
},
danmaku: {
id: 'demo',
api: 'https://api.prprpr.me/dplayer/',
addition: ['https://api.prprpr.me/dplayer/bilibili?aid=15572523']
}
});
// 弹出框
function alert_back(text) {
$(".alert_back").html(text).show();
setTimeout(function () {
$(".alert_back").fadeOut();
},1200)
}
//秒转分秒
function formatTime(seconds) {
return [
// parseInt(seconds / 60 / 60),
parseInt(seconds / 60 % 60),
parseInt(seconds % 60)
]
.join(":")
.replace(/\b(\d)\b/g, "0$1");
}
$.ajax({
url:"https://api.prprpr.me/dplayer/bilibili?aid=15572523",
success:function (data) {
if(data.code=="1"){
var danmaku=data.danmaku;
var autor="农民";
$(".danmuku_num").text(danmaku.length)
$(danmaku).each(function (index,item) {
if(item.type=="right"){
}else
{
autor="地主"
}
var oLi=` <ol class="danmuku_list" time="${item.time}">
<li>${formatTime(item.time)}</li>
<li title="${item.text}">${item.text}</li>
<li>${autor}</li>
</ol>
`
$(".list_ovefiow").append(oLi);
autor="农民";
})
}else {
alert_back("弹幕加载失败 -v-!");
}
$(".danmuku_list").on("click",function () {
dp.seek( $(this).attr("time"))
})
}
})
</script>热点素材
- 2,3911
- 2,3430
- 2,27612
- 2,2193
- 2,1081





