时间戳

首页 > 解决方案 > videoJS: mouseTimeDisplay $(selector, contextopt) 方法示例

javascript - videoJS: mouseTimeDisplay $(selector, contextopt) 方法示例

问题描述

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

如何使用$选择器？

（认为​​我可以避免使用document.querySelector来获取元素/组件。）

标签： javascriptdomvideo.jsselectors-api

解决方案

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

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

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

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

您主要在创建/扩展自定义播放器组件时使用它。

推荐阅读