如何将视频集中在播放器中，就像YouTube播放器一样？

Question

我需要创建一个播放器（例如）600px宽，视频宽度只有300px。我希望视频在视频区域内缩放并居中，就像YouTube播放器在我的播放器太宽时所做的那样。

这就是我的意思（视频以控制为中心）：

在我试图让它工作时，播放器控件的宽度似乎与实际视频的宽度相关联，所以当我的视频宽度仅为300px时，播放器控制最终为300px。 / p>

有什么想法吗？

Answer 1

您可以尝试少关注

.mejs-container 
{ 
    width: 100% !important; 

    .mejs-mediaelement
    {
        text-align: center !important;

        video { width: 100% !important; }
    }

    .mejs-overlay-play
    {
        position: static !important;
    }
}

Answer 2

2017/2/16更新 - 我改编了@ smiffy6969的答案，以使用3.1.2版本中使用的新类。

.mejs__container { width: 100% !important; }
.mejs__mediaelement { text-align: center; }
.mejs__overlay-play { position: static; }
.mejs__poster { width: 100% !important; position: static; }