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

前端之家收集整理的这篇文章主要介绍了javascript – 使用jQuery确定视频文件大小前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用videojs播放各种尺寸的 html5视频.是否可以使用jQuery(或其他脚本语言)检测视频文件的高度/宽度,以便我可以动态地将这些输入到嵌入代码中?

谢谢!

解决方法

我担心这不太可能.为了使浏览器能够确定视频的大小,必须先加载它.

一种@R_301_463@案可能是,假设这甚至可以工作,首先加载视频而不指定高度和宽度,但使用CSS隐藏视频,计算尺寸,销毁视频并使用正确的尺寸再次加载它.这将是非常低效的.

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

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

另一个想法:另一个@R_301_463@案可能是不在嵌入代码中指定高度和宽度,并让浏览器自己调整视频大小.然后,您可以调整灯箱的大小以修复视频容器.许多灯箱插件都有可以挂钩的事件.

猜你在找的jQuery相关文章