5

有谁知道在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 的纵横比，并且视频会缩放以适应播放器，并且播放器会根据需要对视频进行信箱或列框。

有人遇到这个吗？有什么解决办法吗？

谢谢你的帮助。

4

1 回答 1

2

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

// 通过 JS 而不是 CSS 设置尺寸 setDimensions: true; //（是默认属性）。

我只是在 init 时将其切换为 false （所以我没有编辑源文件）。并用css做造型。瞧！奇迹般有效 ：）。只能说这个时髦的脚本记录得很糟糕！当然，我在分销商网站上搜索了这样的房产并在谷歌上搜索了时间......但从未发现任何地方报道过。

希望我可以帮助某人；）。只是为了搜索引擎，我搜索了这些标签： Wordpress video letterbox embed flash fallback mediaelement.js wp-mediaelement.js

于 2015-04-18T12:38:33.757 回答