ResizeManager (尺寸管理器)

查找匹配selector的单个DOM元素。这可以在Component的contentEl()中或另一个自定义上下文中进行。

查找匹配selector的所有DOM元素。这可以在Component的contentEl()中或另一个自定义上下文中进行。

在当前Component中添加一个子Component。

向Component的元素添加CSS类名。

从此组件中移除焦点

构建默认的DOM类名。应由子组件覆盖。

取消传递给Component#requestAnimationFrame (rAF) 的排队回调。

如果您通过 Component#requestAnimationFrame (组件#requestAnimationFrame) 将一个 rAF 回调排队，请使用此函数而不是 window.cancelAnimationFrame。如果您不这样做，您的销毁监听器将不会在 Component#dispose (组件#dispose) 之前被清理！

如果存在，取消当前的命名动画帧。

获取所有子组件的数组

清除通过 window.setInterval 或 Component#setInterval (组件#setInterval) 创建的间隔。如果您通过 Component#setInterval (组件#setInterval) 设置间隔，请使用此函数而不是 window.clearInterval。如果您不这样做，您的销毁监听器将不会在 Component#dispose (组件#dispose) 之前被清理！

清除通过 window.setTimeout 或 Component#setTimeout (组件#setTimeout) 创建的超时。如果您通过 Component#setTimeout (组件#setTimeout) 设置超时，请使用此函数而不是 window.clearTimeout。如果您不这样做，您的销毁监听器将不会在 Component#dispose (组件#dispose) 之前被清理！

返回Component的DOM元素。子项将插入到此处。这通常与Component#el中返回的元素相同。

创建 Component 的 DOM 元素。

获取组件元素的计算宽度或高度。

使用window.getComputedStyle。

获取一个包含组件元素计算宽度和高度值的对象。

使用window.getComputedStyle。

获取组件元素的计算高度。

使用window.getComputedStyle。

获取组件元素的计算宽度。

使用window.getComputedStyle。

获取或设置Component元素的宽度或高度。这是Component#width和Component#height的共享代码。

需要了解的事项

• 如果宽度或高度是数字，这将返回以“px”为后缀的数字。
• 如果宽度/高度是百分比，这将返回以“%”为后缀的百分比
• 隐藏元素在使用 window.getComputedStyle 时宽度为 0。此函数默认为 Component 的 style.width，并回退到 window.getComputedStyle。有关更多信息，请参阅 此文。
• 如果您想要组件的计算样式，请使用Component#currentWidth和{Component#currentHeight

同时设置Component元素的宽度和高度。

销毁Component及所有子组件。

获取Component的DOM元素

检测到触摸事件支持时发出“tap”事件。这用于通过轻触视频来支持切换控件。它们之所以启用，是因为否则每个子组件都会有额外的开销。

此函数在触摸事件发生时报告用户活动。这可以被任何希望触摸事件以其他方式运行的子组件关闭。

在触摸事件发生时报告用户触摸活动。用户活动用于确定何时显示/隐藏控件。对于鼠标事件来说这很简单，因为任何鼠标事件都应显示控件。因此，我们捕获冒泡到播放器的鼠标事件，并在发生时报告活动。对于触摸事件，它不像 touchstart 和 touchend 切换播放器控件那么容易。因此触摸事件也无法在播放器层面帮助我们。

用户活动是异步检查的。因此可能发生的情况是，视频上的轻触事件会关闭控件。然后 touchend 事件冒泡到播放器。如果它报告了用户活动，就会立即重新打开控件。我们也不希望完全阻止触摸事件冒泡。此外，touchmove 事件以及除轻触之外的任何事件都不应重新打开控件。

将焦点设置到此组件

获取Component元素上的属性值。

返回具有给定name的子Component。

返回具有给定id的子Component。

返回遵循给定后代 names 的后代 Component。例如 ['foo', 'bar', 'baz'] 将尝试在当前组件上获取 'foo'，在 'foo' 组件上获取 'bar'，在 'bar' 组件上获取 'baz'，如果其中任何一个不存在则返回 undefined。

确定此组件是否当前可见/启用/等...

确定此组件是否可被视为可聚焦组件。

检索组件元素的位置和大小信息。

当此Component接收到一个它不处理的keydown事件时，它会将该事件传递给Player进行处理。

许多组件曾经有一个 handleKeyPress 方法，其命名不当因为它监听的是 keydown 事件。此方法名现在委托给 handleKeyDown。这意味着任何调用 handleKeyPress 的人将不会看到他们的方法调用停止工作。

处理组件中播放器的语言变化。应由子组件覆盖。

检查组件元素是否具有CSS类名。

根据CSS样式获取或设置组件的高度。有关更详细的信息，请参见Component#dimension。

如果Component的元素当前正在显示，则通过向其添加“vjs-hidden”类名来隐藏它。

获取此Component的ID

根据选项添加和初始化默认子Component。

确定此组件是否已销毁。

给定英文字符串，将字符串本地化。

如果提供了令牌，它将尝试对提供的字符串进行简单的令牌替换。它查找的令牌看起来像{1}，其中索引是令牌数组中的1-indexed。

如果提供了 defaultValue，当在提供的语言文件中找不到值时，它将使用 defaultValue 而不是 string。这在您希望为令牌替换设置描述性键但拥有简洁的本地化字符串且不需要包含 en.json 时非常有用。

目前，它用于进度条计时。

{
  "progress bar timing: currentTime={1} duration={2}": "{1} of {2}"
}

然后像这样使用

this.localize('progress bar timing: currentTime={1} duration{2}',
              [this.player_.currentTime(), this.player_.duration()],
              '{1} of {2}');

输出类似：01:23 of 24:56。

获取Component的名称。该名称用于引用Component并在注册期间设置。

使用新选项深度合并选项对象。

注意：当obj和options都包含其值为对象的属性时。这两个属性将使用module:obj.merge合并

返回Component所附着的Player。

将监听器绑定到组件的就绪状态。与事件监听器不同，如果就绪事件已经发生，它将立即触发函数。

从Component的元素中移除属性。

从此Component的子项列表中移除子Component。同时从此Component的元素中移除子Component的元素。

从Component的元素中移除CSS类名。

将回调排队传递给requestAnimationFrame (rAF)，但有一些额外的优点

• 通过回退到Component#setTimeout来支持不支持rAF的浏览器。

• 回调被转换为Component~GenericCallback（即绑定到组件）。

• 如果组件在调用之前被销毁，则会自动取消rAF回调。

请求一个动画帧，但只排队一个命名动画帧。在前面的动画帧完成之前，永远不会添加另一个。

在 iframe 上触发尺寸改变或通过 ResizeObserver 观察到尺寸改变时调用。

设置Component元素上的属性值

向另一个元素或组件添加SVG图标元素。

创建一个每x毫秒运行一次的函数。此函数是window.setInterval的包装。但仍有一些原因选择使用此函数。

1. 当Component#dispose被调用时，它通过Component#clearInterval被清除。
2. 函数回调将是Component~GenericCallback

创建一个在x毫秒超时后运行的函数。此函数是window.setTimeout的包装。但仍有一些原因选择使用此函数

1. 当Component#dispose被调用时，它通过Component#clearTimeout被清除。
2. 函数回调将被转换为Component~GenericCallback

注意：您不能对此函数返回的 id 使用 window.clearTimeout。这将导致其销毁监听器未被清理！请改用 Component#clearTimeout (组件#clearTimeout) 或 Component#dispose (组件#dispose)。

如果Component的元素被隐藏，则通过从其移除“vjs-hidden”类名来显示它。

向组件的元素添加或移除CSS类名。

• 当Component#hasClass返回false时，添加classToToggle。
• 当Component#hasClass返回true时，移除classToToggle。

触发此Component的所有就绪监听器。

根据CSS样式获取或设置组件的宽度。有关更详细的信息，请参见Component#dimension。

当组件大小调整时触发。

当Component被销毁时触发。

当Component就绪时触发。

当Component被轻触时触发。