使用jQuery确定视频文件大小

Question

我正在使用videojs播放各种尺寸的html5视频.是否可以使用jQuery(或其他脚本语言)检测视频文件的高度/宽度,以便我可以动态地将这些输入到嵌入代码中？

谢谢!

Answer 1

恐怕这不太可能。为了让浏览器能够确定视频的大小，它必须首先加载它。

一种解决方案可能是，假设这甚至可以工作，首先加载视频而不指定高度和宽度，而是使用 CSS 隐藏视频、计算尺寸、销毁视频并在单击时使用正确的尺寸再次加载它。这将是极其低效的。

或者，您可以制作一个服务器端脚本（PHP/ASP/...）来读取视频文件，检测内容最初保存时的高度和宽度，并将高度和宽度保存到数据库中。然后，您将能够在每个页面视图上从数据库读取高度和宽度。虽然您可以让这样的脚本在每次请求时读取视频文件，但这会效率低下，并且会增加生成页面所需的时间。

如果您使用 PHP，我强烈建议您查看ffmpeg-php，这是一个免费的开源库，您可以使用它来解析多种类型的视频文件。

另一个想法：另一个解决方案可能是不在嵌入代码中指定高度和宽度，并让浏览器自行调整视频大小。然后，您可以调整灯箱的大小来修复视频容器。许多灯箱插件都有您可以挂钩的事件。