2核1G3M服务器88一季度

腾讯云,阿里云百度云等 折扣价→点我←

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

匿名用户 超级版主组

全站都是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+""})

});

最后于 2022/03/10 18:43:19 被公共账号编辑 ,原因:

TAGS 苹果cms播放器html

站长窝论坛版权声明 1、本帖标题:解决苹果cmsv10版本ckplayer播放器高度自适应兼容问题(ckplayer播放器如何使用)
2、论坛网址:站长窝论坛
3、站长窝论坛的资源部分来源于网络,如有侵权,请联系站长进行删除处理。
4、会员发帖仅代表会员个人观点,并不代表本站赞同其观点和对其真实性负责。
5、站长窝论坛一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
6、本帖由匿名用户在站长窝论坛《苹果cms_苹果cms模板_教程》版块原创发布, 转载请注明出处!
评论
最新回复 (0)
返回