如何在给定的帧中完全显示视频,而不仅仅是一个部分？

Question

我正在试图找出我不熟悉的软件是如何工作的.有一个Adobe Flex页面,可以在240*120的帧中显示来自摄像机的流式视频.如果双击视频帧,您将获得一个新帧,其中显示的视频大小为480*240.

问题是:较小的帧240*120仅显示大视频帧中显示的左上部分,其显示完整的视频图像.细节是一样的.

我想要实现的是整个视频也显示在较小的帧中.

如果我在软件中搜索大小240和120,我会到达一个包含以下css片段的jsp:

.video {
   height = "120", width = "240"
}

我替换了那个css片段

.video {
   height = "100%", width = "100%"
}

但这没有任何区别.

有人有线索吗？

提前致谢!

*******Post scriptum:*******

@Lars:我在周末从头顶写了我的问题.你建议我已经实施了什么.但是我发现我把它应用到了错误的jsp中.我通过查看浏览器中的源代码验证了以下内容:

#intercomIframe {
    position:absolute;
    width:100%;
    height:100%;
    right:60;
    bottom:75;
    z-index:5"  
}

原始值是:

 #intercomIframe {
    position:absolute;
    width:165px;
    height:128px;
    right:60;
    bottom:75;
    z-index:5"  
}

如果我双击视频,我会进入弹性屏幕(扩展名.mxml),同时显示相同的视频.该视图的部分责任代码:

<components:FilterBar 
  id="filterBar" 
  visible="{enableFiltering}"
>
  <system:VideoSourceControlBox 
    id="videoSourceControl" 
    stationId="{station.id}" 
    autoSelect="true" 
    startSource="showVideo(true)" 
    stopSource="showVideo(false)" 
  />
</components:FilterBar>

<mx:Box 
  width="100%" height="100%" 
  backgroundColor="#e7ebf1" 
  paddingTop="15" paddingBottom="15" 
  paddingRight="15"paddingLeft="15"
>
  <mx:VBox 
    width="100%" height="100%" minHeight="0"
    cornerRadius="8"
    paddingTop="15" paddingBottom="15"
    paddingRight="15" paddingLeft="15"
    borderThickness="1" borderStyle="solid" borderColor="#838383"
  >
    <mx:VBox 
      width="100%" height="100%" 
      id="videoFrameContainer" 
      horizontalAlign="center"
    >
    </mx:VBox>
    <mx:Label 
      id="sourceLabel" 
      text="{_currentSource.name}" 
      width="100%" 
      color="black"
      textAlign="center" 
    />
  </mx:VBox>
</mx:Box>

正是这段代码让我觉得我应该用百分比替换像素,唉没有成功.

Answer 1

（请参阅底部的更新）

给出的示例不是有效的 CSS：

1. 属性和值应该用 a 分隔，:而不是=
2. 规则（属性值对）应该用 a 分隔，;而不是,
3. 值不应包含在'or中"。他们可以简单地留下

需要记住的重要一点是，您不能仅将整数作为像素距离传递；您还可以将整数作为像素距离传递。您需要指定单位，例如：120px。

第二件事是我假设video是类名；如果它是标签名称，则它应该是video而不是.video。

概括：

.video /* or 'video' */ {
  height : 100%;
  width : 100%;
}

我不知道这是否会导致问题，因为您没有向我们提供任何其他代码。如果 CSS 的其余部分也采用这样的格式，那也不应该起作用。我不知道 jsp，但如果它适用于常规 CSS，那么这应该行不通。

更新：

抱歉更新晚了，直到现在我才注意到您更新了问题。正如我所说，我不了解 jsp 和任何其他代码；我来这里是为了CSS。很抱歉我不能再帮助你了。我可以修复的唯一有错误的 CSS 是z-index:5"，它应该是z-index:5;（或没有;），但这可能只是一个拼写错误，我什至不确定它是否相关。

我认为不要删除这个答案对于其他人的理解更好，但我认为这不再有任何其他价值。