videoJS：mouseTimeDisplay $(selector, contextopt) 方法示例

Question

查看 mouseTimedDisplay 的 videoJS 文档并尝试更好地理解它。

如何使用 $ 选择器？

（我想我可以避免使用 document.querySelector 来获得 elements/components。）

Answer 1

它是 querySelector 的包装器，默认情况下将搜索组件的元素，除非给出不同的起始元素作为起始元素。

给定标准控件，player.controlBar.progressControl.seekBar.mouseTimeDisplay.$('div') 将 return MouseTimeDisplay 组件的内部 div（带有 vjs-time-tooltip class）。

<div class="vjs-mouse-display">
  <div class="vjs-time-tooltip" aria-hidden="true"></div>
</div>

如果您想要组件的元素（使用 vjs-mouse-display），您只需使用 el()。

您主要在 creating/extending 自定义播放器组件时使用它。

videoJS: mouseTimeDisplay $(selector, contextopt) method example