我正在使用videojs播放各种尺寸的
html5视频.是否可以使用jQuery(或其他脚本语言)检测视频文件的高度/宽度,以便我可以动态地将这些输入到嵌入代码中？
谢谢！
解决方法
我担心这不太可能.为了使浏览器能够确定视频的大小,必须先加载它.
一种解决方案可能是,假设这甚至可以工作,首先加载视频而不指定高度和宽度,但使用CSS隐藏视频,计算尺寸,销毁视频并使用正确的尺寸再次加载它.这将是非常低效的.
或者,您可以创建一个服务器端脚本(PHP / ASP / …)来读取视频文件,检测最初保存内容时的高度和宽度,并将高度和宽度保存到数据库中.然后,您可以在每个页面视图上从数据库中读取高度和宽度.虽然你可以让这样的脚本在每个请求上读取视频文件,但这样效率很低,并且会增加生成页面所需的时间.
如果您正在使用PHP,我强烈建议您查看ffmpeg-php,这是一个免费的开源库,您可以使用它来解析几种类型的视频文件.
另一个想法：另一个解决方案可能是不在嵌入代码中指定高度和宽度,并让浏览器自己调整视频大小.然后,您可以调整灯箱的大小以修复视频容器.许多灯箱插件都有可以挂钩的事件.