Javascript 检查HTML5视频元素中的点击

Javascript 检查HTML5视频元素中的点击,javascript,html,video,html5-video,Javascript,Html,Video,Html5 Video,我试图创建一个带有视频的网页,当点击视频时(不仅仅是控件),我可以运行一些JavaScript函数。我希望能够在视频中显示字幕,当点击其中一个单词时,我可以根据他们点击的单词在视频下方显示一些信息 我在互联网上找不到任何与此类似的内容,因此如果有人能提供帮助,请提前感谢 编辑:我现在可以获得点击的位置(),但我需要知道如何找到字幕的位置。只需在视频元素上绑定点击事件?但使用点击事件,我可以检查点击的位置吗?如果是这样的话,我怎样才能找到字幕的边界?你是如何将字幕编码到视频中的?它是软编码的还是硬

我试图创建一个带有视频的网页,当点击视频时(不仅仅是控件),我可以运行一些JavaScript函数。我希望能够在视频中显示字幕,当点击其中一个单词时,我可以根据他们点击的单词在视频下方显示一些信息

我在互联网上找不到任何与此类似的内容,因此如果有人能提供帮助,请提前感谢


编辑:我现在可以获得点击的位置(),但我需要知道如何找到字幕的位置。

只需在视频元素上绑定点击事件?但使用点击事件,我可以检查点击的位置吗?如果是这样的话,我怎样才能找到字幕的边界?你是如何将字幕编码到视频中的?它是软编码的还是硬编码的?如果你是说它们是否在视频文件中,那么它不是视频文件的一部分。现在我正在使用WebVTT,但我愿意使用任何可以工作的字幕格式。如果您使用的是WebVTT文件,那么它只不过是一个文本文件,将在特定时间段呈现。我不完全确定你是否能在这些文本中嵌入超链接