wordpress - 使用 mediaelement.js 获取 HTML5 视频以适应响应式设计

Question

我目前正在为 Wordpress 使用 mediaelement.js 插件，它似乎运行良好。

在尝试使用 @media 属性创建我的第一个响应式 CSS 设计/主题时，我注意到 mediaelement.js 支持的视频无法缩放，或者无法响应屏幕大小。

尽管我设置了 CSS，但 mediaelement.js 似乎主动放置了自己的内联 CSS 样式表。

考虑到这一点，是否可以使用 mediaelement.js 并让视频根据响应能力进行缩放。

谢谢

Answer 1

我也在使用 mediaelementjs。在响应式设计中，它似乎对我来说是完美的。

我遵循了 github 上的 MEjs 开发人员 John Dyer 的一些提示。

他指出您需要在视频标签中包含内联样式

<video style="width:100%;height:100%;">

他确实提出了其他一些建议，所以我建议查看 github 页面 https://github.com/johndyer/mediaelement