javascript - 使用 jQuery 确定视频文件大小

Question

我正在使用 videojs 播放不同尺寸的 html5 视频。是否可以使用 jQuery(或其他脚本语言)检测视频文件的高度/宽度，以便我可以将它们动态输入到嵌入代码中？

谢谢!

Answer 1

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

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

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

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

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