mediaelement.js — 视频缩放选项(例如 'fit' 或 'fill' )

Question

有谁知道缩放视频的方法内 MEJS 播放器，以便播放器本身可以处理任何信箱或列箱？类似于 JWPlayer 具有“适合”和“填充”选项的方式。

本质上，我有一个位于包装器中的播放器，我根据用户的屏幕分辨率调整了包装器的大小。像这样:

<div id="video_dims_wrapper" style="width: 1280px; height: 720px;">
    <video id="video_player" width="1280" height="720" controls="controls" preload="none" autoplay="autoplay" style="width: 100%; height: 100%;">           

        <source type="video/mp4" src="my_video.mp4" />
        <source type="video/webm" src="my_video.webm" />

        //Flash fallback removed for brevity

    </video>
</div>

然后我只是调整 #video_dims_wrapper 的大小，并相应地调整其中包含的 MEJS 元素的大小(由于宽度:100%；高度:100%；样式声明)。

如果所有视频的纵横比相同(在这种情况下为 16:9)，这很有效，但如果碰巧有不同纵横比的视频，则它不会调整大小 内播放器，而是按比例放大播放器的总尺寸。

我想要发生的是播放器始终保持 16:9 的纵横比，并且视频会根据需要进行缩放以适合播放器，并且播放器会根据需要对视频进行信箱或列框。

有人遇到这个吗？任何解决方案？

谢谢你的帮助。

Answer 1

我试图在 Wordpress 环境中做同样的事情。很抱歉挖掘这个，但 ik 花了我很长时间。但是在查看 mediaelement.js 的源代码时，我发现了这个属性:

//通过 JS 而不是 CSS 设置尺寸
设置维度:真；//(是默认属性)。

我只是在 init 时将它切换为 false (所以我没有编辑源文件)。并用css做了样式。瞧!奇迹般有效 :)。
只能说这个时髦的脚本记录不当!当然，我在分销商网站上搜索了这样的属性(property)，并在谷歌上搜索了营业时间……但从未在任何地方找到相关报道。

希望我能帮助别人解决这个问题;)。
只是为了搜索引擎，我搜索了这些标签:
Wordpress 视频信箱嵌入 Flash 回退 mediaelement.js wp-mediaelement.js