mediaelement.js 视频高度未正确计算

Question

我将一个项目从 mediaelement.js 2.23.4 更新到 4.2.9。
我已经阅读了migrate instructions，我认为没有遗漏任何内容。
更新后视频显示不正确，因为高度计算不正确。

在 setResponsiveMode 中 t.media.videoWidth/Height 始终为 0 并且 我注意到“loadedmetadata”没有被触发。

在以前的版本中，加载的元数据被触发，然后最终设置响应模式，此时 t.media.videoWidth/Height 被设置。

我的代码如下所示：

$("video").each(function () {
                $(this).attr("preload", "metadata");
                var src = this.src;
                $(this).mediaelementplayer({
                    features          : ["playpause", "progress", "tracks"],
                    defaultVideoWidth : 480,
                    defaultVideoHeight: 270,
                    type              : 'video/flv',
                    renderers: ['html5', 'flash_video'],
                    pluginPath: 'js/',
                    classPrefix:'mejs-',
                    shimScriptAccess: 'sameDomain',
                    success           : function (e) {

                    }
                });
            });

目前我没有一个最小的示例，但我怀疑它可以用于一个干净的项目。
我的项目很复杂，我想我错过了一些东西。 有什么想法吗？

PS，唯一的问题是高度，视频被渲染。播放没有问题（例如，如果我使用开发者工具编辑元素的高度）

Answer 1

documentation for MediaElementJsPlayer 表示如果视频标签中没有指定高度属性，则使用 defaultVideoHeight。您的视频标签是否包含高度属性？

您可以使用 videoHeight 配置选项为每个视频设置视频高度。另请查看拉伸选项。它的默认值为自动。您可能希望将其设置为 none，以便播放器不会自动调整大小。