TrackButton

如果项目数量小于或等于此阈值，则隐藏菜单。默认值为 0，每当我们向菜单添加可隐藏项目时，都会将其递增。在此处列出它是因为每次运行 createMenu 时都需要重置该值。

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

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

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

向Component的元素添加CSS类名。

从实际按钮而不是此元素中移除焦点。

构建默认的DOM className。

允许子组件为包装元素堆叠 CSS 类名。

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

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

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

获取所有子组件的数组

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

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

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

获取或设置将用于辅助功能的本地化控制文本。

注意：这将来自内部 menuButton_ 元素。

创建 MenuButtons 的 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元素的宽度和高度。

禁用 MenuButton。不允许点击。

销毁 menu-button 和所有子组件。

获取Component的DOM元素

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

启用 MenuButton。允许点击。

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

在触摸事件发生时报告用户触摸活动。用户活动用于确定何时显示/隐藏控件。对于鼠标事件，这很简单，因为任何鼠标事件都应显示控件。因此，我们捕获冒泡到播放器的鼠标事件，并在发生时报告活动。对于触摸事件，则不像 touchstart 和 touchend 切换播放器控件那样简单。因此，触摸事件也无法在播放器级别帮助我们。用户活动是异步检查的。因此可能发生的情况是，视频上的轻触事件关闭了控件。然后 touchend 事件冒泡到播放器。如果它报告了用户活动，就会立即重新打开控件。我们也不想完全阻止触摸事件冒泡。此外，touchmove 事件和除轻触之外的任何事件都不应重新打开控件。

User activity gets checked asynchronously. So what could happen is a tap event on the video turns the controls off. Then the touchend event bubbles up to the player. Which, if it reported user activity, would turn the controls right back on. We also don't want to completely block touch events from bubbling up. Furthermore a touchmove event and anything other than a tap, should not turn controls back on.

将焦点设置到实际按钮，而不是此元素。

获取Component元素上的属性值。

返回具有给定name的子Component。

返回具有给定id的子Component。

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

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

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

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

处理 MenuButton 上的点击。有关调用此函数的情况，请参阅 ClickableComponent#handleClick。

处理 MenuButton 的 Tab、Escape、向下箭头和向上箭头键。有关调用此函数的情况，请参阅 ClickableComponent#handleKeyDown。

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

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

处理 MenuButton 上的 keyup 事件。此监听器在构造函数中添加。

处理 MenuButton 的 mouseleave 事件。

处理子菜单上的 keydown 事件。此监听器在构造函数中添加。

此方法名现在委托给 handleSubmenuKeyDown。这意味着任何调用 handleSubmenuKeyPress 的人都不会看到他们的方法调用停止工作。

检查组件元素是否具有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。

将当前 MenuButton 置于按下状态。

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

从Component的元素中移除属性。

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

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

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

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

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

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

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

设置Component元素上的属性值

覆盖 Component 中的 setIcon 方法。在这种情况下，我们希望图标附加到 menuButton。

创建一个每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 或 Component#dispose。

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

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

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

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

使当前 MenuButton 脱离按下状态。

根据菜单项的当前状态更新菜单。

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

当组件大小调整时触发。

当Component被销毁时触发。

当Component就绪时触发。

当Component被轻触时触发。