如何将视频集中到YouTube播放器之类的播放器中？

Question

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

这就是我的意思（视频控件中居中）：

在我试图得到这个工作，对于玩家控制的宽度似乎被束缚的宽度的实际视频，所以当我的视频只有300px宽时，播放器控件最终为300px。

任何想法？

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; }