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

这里说明下。如是使用的土匪的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>

插件下载说明

未提供下载提取码的插件，都是站长辛苦开发，联系客服或站长有偿获得!

织梦二次开发QQ群

本站客服QQ号：862782808（点击左边QQ号交流），群号(383578617) 如果您有任何织梦问题，请把问题发到群里，阁主将为您写解决教程！

转载请注明： 织梦模板 » 织梦ckplayer播放器插件的自适应屏幕方法