解决苹果cmsv10版本ckplayer播放器高度自适应兼容问题(ckplayer播放器如何使用)

facai1688

文章最后更新时间:2025-11-18 00:00:00,由管理员负责审核发布,若内容或图片失效,请留言反馈!

全站都是mp4直连的话,以上问题css可以解决,css代码如下.MacPlayer table {     display: block; }
如果还要使用解析接口或者m3u8资源的话,以上方法会受影响,可考虑下面终极方案。
假如我的播放器放在
      {$player_data}
{$player_js}
设置好Player的css高度,后面的都以这个为准,所以这个很重要。
用jq获取.Player的宽高,这个高度和宽度存入变量,在子容器也就是视频高度应用这个.Player的宽高,
说简单点就是让视频高度和宽度实时等于
高度和宽度。$(document).ready(function(){
var playleftHeight=$(".Player").height(); //获取父级高度      var playleftWidth=$(".Player").width(); //获取父级宽度                //解析接口自适应父级div       $("#playleft iframe").css({"height":""+playleftHeight+"","width":""+playleftWidth+""})
//m38u或mp4直链自适应父级div      $("#playleft").css({"height":""+playleftHeight+"","width":""+playleftWidth+""})
});

文章版权声明:除非注明,否则均为苹果CMS模板站原创文章,转载或复制请以超链接形式并注明出处。

发表评论

评论列表 (有 条评论,人围观)
取消
微信二维码
微信二维码
支付宝二维码