当我在具有特定样式(边距,浮动等等)的音频或视频标签上使用mediaelement.js时渲染效果不佳。
有没有办法在mediaelement.js渲染上保留原始css样式?
由于
答案 0 :(得分:1)
我用这段代码解决了我的问题:
$(function(){
$("video,audio").mediaelementplayer();
$("video,audio").each(function(){
$(this).parents(".mejs-container").css("float", $(this).css("float"));
$(this).css("float", "none");
$(this).parents(".mejs-container").css("marginTop", $(this).css("marginTop"));
$(this).parents(".mejs-container").css("marginRight", (($(this).css("marginRight")=="0px")?"auto":$(this).css("marginRight")));
$(this).parents(".mejs-container").css("marginBottom", $(this).css("marginBottom"));
$(this).parents(".mejs-container").css("marginLeft", (($(this).css("marginLeft")=="0px")?"auto":$(this).css("marginLeft")));
$(this).css("marginTop", "auto");
$(this).css("marginRight", "auto");
$(this).css("marginBottom", "auto");
$(this).css("marginLeft", "auto"); }
);
});