我对<video>标记有一个简单的问题。
我想构建一个在PhoneGap（移动）和桌面浏览器（Chrome）上运行的简单全屏视频聊天。
如果视频来自移动相机或桌面浏览器相机，我需要的是视频全屏显示。我猜他们会有不同的宽高比，我不明白如何合并这个问题。
我担心的是，当视频来自移动相机时，它是如何适合整个浏览器屏幕（全屏）更大？
如果我还没有尝试过任何事情，我很抱歉，但我只是想了解从什么开始，背后的逻辑。
任何小费赞赏！
答案 0 :(得分：1)
如果您不想改变视频的宽高比，那么您只能制作全屏画布。视频仍将以原始宽高比显示，并且它周围将是黑色空格。要全屏显示，请使用width: 100%; height: 100%; position: fixed;。请记住，浏览器窗口并不总是具有相同的宽高比（16：9,4：3等），因为您可以在非最大化窗口中查看网站。宽高比将是自定义的。