基本信息
源码名称：H5视频弹幕插件
源码大小：46.25M
文件格式：.rar
开发语言：js
更新时间：2020-03-04
   友情提示：（无需注册或充值，赞助后即可获取资源下载链接）

     嘿，亲！知识可是无价之宝呢，但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下，绝对物超所值哦！如有下载和支付问题，请联系我们QQ(微信同号)：813200300

本次赞助数额为： 2 元　
   源码介绍 


<!DOCTYPE html>
<html>
<head lang="en">
  <meta charset="UTF-8">
  <title></title>
  <link href="src/css/scojs.css" rel="stylesheet">
  <link href="src/css/colpick.css" rel="stylesheet">
  <link href="src/css/bootstrap.css" rel="stylesheet">
  <link rel="stylesheet" href="src/css/main.css">
  <link rel="stylesheet" type="text/css" href="demo/easyui/themes/default/easyui.css">
  <link rel="stylesheet" type="text/css" href="demo/easyui/themes/icon.css">
  <!--<link rel="stylesheet" href="../dist/css/danmuplayer.css">-->
</head>
<body>
<div id="danmup" style="left: 50%;margin-left:-400px;top:100px">


</div>
<div style="display: none">
  <span class="glyphicon" aria-hidden="true">&#xe072</span>
  <span class="glyphicon" aria-hidden="true">&#xe073</span>
  <span class="glyphicon" aria-hidden="true">&#xe242</span>
  <span class="glyphicon" aria-hidden="true">&#xe115</span>
  <span class="glyphicon" aria-hidden="true">&#xe111</span>
  <span class="glyphicon" aria-hidden="true">&#xe096</span>
  <span class="glyphicon" aria-hidden="true">&#xe097</span>
</div>
<div id="win3" class="easyui-window" title="弹幕" data-options="iconCls:'icon-save',modal:true,closed:true" style="width:130px;height:140px;">
		<div class="easyui-layout" data-options="fit:true">
			<div data-options="region:'center'" style="padding:10px;">
				<table id="tbb">
		    		<tr>
		    			<td>位置:</td>
		    			<td><input id="wz" class="easyui-textbox" style="width:40px;height:20px">
		    			</td>
		    		</tr>
		    		<tr>
		    			<td>时间:</td>
		    			<td><input id="sj" class="easyui-textbox" style="width:40px;height:20px">
		    			</td>
		    		</tr>
				</table>
				<div id="dok" data-options="region:'south',border:false" style="text-align:center;padding:5px 0 0;">
					<a id="ok" class="easyui-linkbutton" data-options="iconCls:'icon-ok'" href="javascript:void(0)" style="width:70px;">确定</a>
				</div>
			</div>
		</div>
</div>

</body>
<script src="src/js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="demo/easyui/jquery.min.js"></script>
<script type="text/javascript" src="demo/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="demo/easyui/jquery.easyui.min.145.js"></script>
<script src="src/js/jquery.shCircleLoader.js"></script>
<script src="src/js/sco.tooltip.js"></script>
<script src="src/js/colpick.js"></script>
<script src="src/js/jquery.danmu.js"></script>
<script src="src/js/main.js"></script>
<script>
  $("#danmup").DanmuPlayer({
    src:"./demo/level5.mp4",
    height: "480px", //区域的高度
    width: "800px" //区域的宽度
    ,urlToGetDanmu:"./demo/query.php"
    ,urlToPostDanmu:"./demo/stone.php"
  });

  $("#danmup .danmu-div").danmu("addDanmu",[
    { "text":"这是滚动弹幕" ,color:"white",size:1,position:0,time:2}
    ,{ "text":"我是帽子绿" ,color:"green",size:1,position:0,time:3}
    ,{ "text":"哈哈哈啊哈" ,color:"black",size:1,position:0,time:10}
    ,{ "text":"这是顶部弹幕" ,color:"yellow" ,size:1,position:1,time:3}
    ,{ "text":"这是底部弹幕" , color:"red" ,size:1,position:2,time:9}
    ,{ "text":"大家好，我是伊藤橙" ,color:"orange",size:1,position:1,time:3}

  ])
</script>
</html>