资源介绍 |
一、替换说明:
1、将播放器文件解压后替换到网站根目录
二、安装说明:
1、首页适当位置添加以下内容
-
<!-- 首页播放器 -->
-
<div class="layui-hide-xsx" style="margin:10px 0;">
-
<div class="mpPlayerBox33">
-
<div style="position:absolute;left:20px;top:7px;height: 20px;line-height: 20px;overflow: hidden;width: 100px;z-index: 99;" id="userpic"> </div>
-
<script>bfq();</script>
-
<div class="mpList33" id="mpList"></div>
-
</div>
- </div>
2、首页css文件添加以下内容
-
.mpPlayerBox33{background:#292a2a;width:959px;margin-bottom:5px;height:33px;position:relative;}
-
.mpList33{display:none;float:left;width:327px;position:absolute;z-index:10;top:33px;left:124px;/* border:1px solid #bdc1c4; */border-top:0px;/* background-color:#bdc1c4; */padding:1px 0px 1px 1px;}
-
.mpList33 .mpListScroll{/* width:326px; *//* height:336px; *//* overflow-x:hidden; *//* overflow-y:auto; */}
-
.mpList33 ul{
-
display:inline;
-
float: left;
-
width: 327px;
-
position: absolute;
-
z-index: 10;
-
top: 1px;
-
left: 275px;
-
border: 1px solid #e35c2f;
-
border-top: 0;
-
background-color: #fff;
-
padding: 1px 0 1px 0px;
-
}
-
.mpList33 ul li{display:inline;float:left;width:338px;}
-
.mpList33 ul li a{display:inline;float:left;padding-left:12px;margin-left:5px;background:url(../images/mplist_icon.gif) no-repeat 0 7px;color: #393d49;width:318px;height:28px;line-height:28px;font-size:12px;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
-
.mpList33 ul li a:visited{color: #393d49;text-decoration:none;}
-
.mpList33 ul li a:hover{color:#adadad;text-decoration:none;}
- .mpList33 ul li a:active{color:#adadad;text-decoration:none;}
3、首页和播放页共用的js文件添加以下内容
-
//播放器
-
function bfq() {
-
document.writeln("<iframe id="player" marginwidth="0" marginheight="0" src="" + cscms_path + "real/index.php" frameborder="0" width="1166" scrolling="no" height="34" leftmargin="0" topmargin="0"></iframe>");
-
}
-
-
//播放器暂停
-
function bfqzt() {
-
document.writeln("<iframe id="player" marginwidth="0" marginheight="0" src="" + cscms_path + "real/cookie.php" frameborder="0" width="0" scrolling="no" height="0" leftmargin="0" topmargin="0"></iframe>");
- }
4、播放页适当位置添加内容
- <script>bfqzt();</script> //首页播放器暂停
5、播放器的宽高在/real/mplist.js文件的109行修改、添加js内容的bfq函数中间修改、添加css内容的.mpPlayerBox33中间修改,一共修改三处。
注意:各个网站的css和js文件存在差异,如果出现错位和小面积的美观问题,自行根据网站情况修改样式。
演示截图 |

附件下载 (如果本资源侵犯到您的权益,请联系我们删帖!) |