欢迎来到60站长交易平台

织梦ckplayer播放器插件的自适应屏幕方法

日期: 2019-07-05 22:44:26 人气: -

这里说明下。如是使用的土匪的ck插件请修改/templets/plus/ckplayer.htm 这个文件中添加代码(可以添加到最下面)
<script type="text/jscript">
window.onload=function(){
changeDivHeight();
}
//当浏览器窗口大小改变时,设置显示内容的高度
window.onresize=function(){
changeDivHeight();
}
function changeDivHeight(){
var aw = $(".article-content").width();
var awe = $(".article-content").height();
$(".article-content>div").width(aw);
$("#a1").width(aw);
$("#a1 object").width(aw);
$("#a1 embed").width(aw);
$("#a1").height(awe);
$("#a1 object").height(awe);
$("#a1 embed").height(awe);

}

</script>

代码中红色区需要替换下你的需要适应的div层。

你的这个DIV CSS属性可以设置为
/*手机端视频控制播放器大小*/
.article-content {
line-height: 25px;
font-size: 16px;
width: 100%;
height:320px;
}


调用地方这样调用<div class="article-content"> <script src="{dede:global.cfg_cmsurl/}/ckplayer/ckplayer_common.php?id=1" language="javascript"></script>

{dede:include filename="plus/ckplayer.htm"/} </div>


  • 在线客服

    点击这里给我发消息 点击这里给我发消息

    官方微信

    仅处理投诉、举报及平台使用问题;
    商品问题请咨询商家客服!

浏览记录