全站都是mp4直连的话,以上问题css可以解决,css代码如下
.MacPlayer table { display: block; }
如果还要使用解析接口或者m3u8资源的话,以上方法会受影响,可考虑下面终极方案。
假如我的播放器放在
<div class="Player"> {$player_data}
{$player_js}
</div>
设置好Player的css高度,后面的都以这个为准,所以这个很重要。
用jq获取.Player的宽高,这个高度和宽度存入变量,在子容器也就是视频高度应用这个.Player的宽高,
说简单点就是让视频高度和宽度实时等于<div class="Player">高度和宽度。
$(document).ready(function(){[/backcolor]
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+""})
});
N1930苹果cmsV10高级自适应seo影视模板...
M1938工作室N1386苹果cmsV10网址福利导航网站模板...
N1307苹果cmsV10高级SEO自适应影视模板 ...
N1624苹果cmsV10高级自适应SEO模板支持视频播放,新闻资...
N1633自适应单页福利网址导航...