Question

您好我有一个mediaelements.js视频，我想在其容器div中水平居中，这曾经工作但我已经改变它，以便视频响应。我也在videoPlayerSlideWrap上使用Slick（它滑过许多videoPlayerSlide div，虽然其中只有一个是视频，其余的是图像，图像中心完美）所以我不知道光滑是否干扰了媒体元素。 js什么的。提前谢谢。

球员代码：

<div class="videoPlayerSlideWrap" id="contentSlide">

<div class="videoPlayerSlide">

    <video width="100%" height="100%" style="width:100%; height:100%;" controls id="player1" preload="auto">
        <source type="video/youtube" src="<?php print $storyMediaURL; ?>"/>
    </video>

</div>

</div>

CSS：

div.videoPlayerSlide {
    width:100%;
    min-width:580px;
    max-width:940px;
    height:529px;
    margin-top:0px;
    margin-left:auto;
    margin-right:auto;
}

div.videoPlayerSlideWrap.contentSlide {position:relative;}

div.videoPlayerSlideWrap {
    width:100%;
    height:529px;
    margin-top:0px;
    margin-left:0px;
    background:#000;
}

编辑：

问题的实时链接：http://www.umoja.org.uk/fullArticle.php?s=52

Answer 1

slick.js与您的CSS规则之间存在冲突。将以下CSS规则添加到main.css，这应该可以解决问题。

div.videoPlayerSlide.slick-slide {
   float:none;
}

中心mediaelements.js视频

1 个答案: