视频元素提示

了解如何在视频未播放时隐藏视频、如何淡入和淡出视频，以及如何在宽高比不匹配时填充视频的容器。

不播放时隐藏视频

1. 点击 可见（Visible） 旁边的箭头，打开可见性逻辑块（Logic Block for Visibility）。

   

2. 在逻辑块中，创建以下表达式：

   

   该表达式表示，当视频未播放时，它将不可见;它会隐藏自己。

淡入和淡出视频

1. 单击 Alpha 旁边的箭头以打开 Alpha 的逻辑块 。

   

2. 在逻辑块中，创建以下表达式：

不要忘记设置过渡时间！

此表达式表示，当视频未播放（未激活）时，它将通过从完全不透明到透明的过渡来隐藏自身。因此，例如，如果您有一个可以切换播放和暂停的按钮，视频将淡入淡出。

填充视频的容器

有时，视频的容器与视频的宽高比不匹配。发生这种情况时，您有几种方法可以解决问题。

什么都不做，只需将视频添加到元素中。然后，视频将调整自身大小以适合容器的边界。黑色条可能出现左/右或顶部/底部。

另一种解决方案是使用一点 CSS 使视频填充容器：

1. 打开视频元素的高级窗格。

2. 在 CSS 样式字段中，添加 overflow： hidden。

3. 对于 CSS 样式内部元素 ，添加 object-fit： cover。

✭ 请注意，这仅适用于视频文件和 URL，而不适用于 YouTube 和 Vimeo 视频。