欢迎您光临本站,秉承服务宗旨,履行"站长"责任,销售只是起点,服务永无止境!

解决苹果cmsv10版本ckplayer播放器高度自适应兼容问题

作者 : admin 本文共629个字,预计阅读时间需要2分钟 发布时间: 2022-01-5 共284人阅读
  • 1030
  • 620
  • 620
  • 620
  • 620
  • 625
  • 也想出现在这里? 联系我们

    全站都是mp4直连的话,以上问题css可以解决,css代码如下

    .MacPlayertable{display:block;}

    如果还要使用解析接口或者m3u8资源的话,以上方法会受影响,可考虑下面终极方案。

    假如我的播放器放在

    <divclass="Player">{$player_data}
    {$player_js}
    </div>

    设置好Player的css高度,后面的都以这个为准,所以这个很重要。

    用jq获取.Player的宽高,这个高度和宽度存入变量,在子容器也就是视频高度应用这个.Player的宽高,
    说简单点就是让视频高度和宽度实时等于<div class="Player">高度和宽度。

    $(document).ready(function(){[/backcolor]
    varplayleftHeight=$(".Player").height();//获取父级高度varplayleftWidth=$(".Player").width();//获取父级宽度//解析接口自适应父级div$("#playleftiframe").css({"height":""+playleftHeight+"","width":""+playleftWidth+""})
    //m38u或mp4直链自适应父级div$("#playleft").css({"height":""+playleftHeight+"","width":""+playleftWidth+""})
    });

    1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
    2. 分享目的仅供大家学习和交流,请不要用于商业用途!
    3. 如果你也有好源码或者教程,可以到用户中心发布,分享有积分奖励和额外收入!
    4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
    5. 如有链接无法下载、失效或广告,请联系管理员处理!
    6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
    7. 如遇到加密压缩包,默认解压密码为"mobanxi.com",如遇到无法解压的请联系管理员!
    8. 因为资源和程序源码均为可复制品,所以不支持任何理由的退款兑现,请斟酌后支付下载
    声明如果标题没有注明"已测试"或者"测试可用"等字样的资源源码均未经过站长测试.特别注意没有标注的源码不保证任何可用性

    模板系 » 解决苹果cmsv10版本ckplayer播放器高度自适应兼容问题
    也想出现在这里? 联系我们

    常见问题FAQ

    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。

    发表回复

    加入VIP免费获取全站资源

    立即查看 了解详情
    Copyright © 2018-2021MOBANXI.COM All Rights Reserved
    开通VIP 享更多特权,建议使用QQ登录