如何像YouTube播放器一样使视频在播放器中居中？
如何像YouTube播放器一样使视频在播放器中居中？
提问于 2013-05-07 02:30:45
我需要创建一个播放器，是(例如) 600px宽和视频只有300px宽。我希望视频在视频区域内缩放并居中，就像我的播放器太宽时YouTube播放器所做的那样。
这就是我的意思(视频在控件中居中)：
在我的尝试中，播放器控件的宽度似乎与实际视频的宽度绑定在一起，所以当我的视频只有300px宽时，播放器控件最终是300px。
有什么想法吗？
回答 2
Stack Overflow用户
发布于 2014-05-05 17:43:48
你可以尝试更少的关注
.mejs-container
{
width: 100% !important;
.mejs-mediaelement
{
text-align: center !important;
video { width: 100% !important; }
}
.mejs-overlay-play
{
position: static !important;
}
}Stack Overflow用户
发布于 2017-02-17 00:14:56
2/16/2017更新-我修改了@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; }页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/16404905
复制相关文章
相似问题
腾讯云开发者
