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

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

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

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