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

落叶无声 阅读:20 2025-05-04 20:05:19 评论:0

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

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

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

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

谢谢

请您参考如下方法:

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

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

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

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

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


标签:HTML5
声明

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

关注我们

一个IT知识分享的公众号