使用 mediaelement.js 缩放 HTML5 视频以实现响应式设计
我目前正在使用 WordPress 的 mediaelement.js 插件，它看起来效果很好。
在我尝试使用 @media 属性创建我的第一个响应式 CSS 设计/主题时，我注意到由 mediaelement.js 驱动的视频无法缩放，或者无法响应屏幕的大小。
尽管我设置了 CSS，但 mediaelement.js 似乎主动放置了自己的内联 CSS 样式表。
考虑到这一点，是否可以使用 mediaelement.js 并使视频根据响应能力进行缩放。
谢谢
I'm currently using the mediaelement.js plugin for Wordpress and it seems to work great.
In my attempts to create my first ever responsive CSS design/theme using the @media attribute, I have noticed that the mediaelement.js powered video does not scale, or does not respond to the size of the screen.
Even though I set the CSS, it appears that mediaelement.js actively puts its own inline CSS stylesheets.
With this in mind, is it possible to use mediaelement.js and get the video to scale as per responsiveness.
Thanks
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
我也在使用 mediaelementjs。它似乎在响应式设计中完美地适应了我的需求。
我遵循了 github 上的 MEjs 开发人员 John Dyer 的一些技巧。
他指出您需要在视频标签中包含内联样式
他确实提出了一些其他建议，因此我建议您查看 github 页面 https://github.com/johndyer/mediaelement
I'm using mediaelementjs too. It is seems to be scaling perfectly for me within responsive designs.
I followed some tips from John Dyer, the MEjs developer at github.
There he points out that you need to include inline style in your video tag
He does make a few other pointers, so I would suggest checking out the github page at https://github.com/johndyer/mediaelement
}
}