如何使用javascript进行视频注释？

我的问题是如何像youtube那样做视频注释，但是在我自己的视频文件html中，使用javascript。注释可以是链接，也可以是文本。并且可以将注释放在视频中的任何位置。

---

谢谢

在视频后放置一个

标签，并给它一个位置样式，如

一个{position:relative；top:-50px；left:20px；}

我相信你可能正在寻找这个库：

从github页面，您可以了解如何使用它的用法：

plugin.fire('newAnnotation', {
   id: 1,
   range: { start: 20, end: null },
   shape: { // NOTE - x/y vals are % based (Floats) in video, not pixel values
       x1: null,
       x2: null,
       y1: null,
       y2: null
   }
   commentStr: "This is my comment." // THIS DATA YOU NEED TO FILL
});

---

此外，对于类似YouTube的注释，您可以使用整夜搜索并找到此注释。检查这个演示。让我知道这是否有用

window['ann']=[{'at'：100，'msg'：'Wow！'，{'at'：230，'msg'：''}；
var currentFrame=$（“#currentFrame”）；
视频帧({
id:'视频'，
帧率：29.97，
回调：函数（帧）{
ann.forEach（函数（ele）{
if（frame==ele['at']）{
html（ele['msg']）；
}   
});   
}
});
$（“#播放暂停”）。单击（函数（）{
changebuttonext（）；
});
函数ChangeButtonText（）{
如果（视频。视频。暂停）{
video.video.play（）；
视频。听（‘帧’）；
$（“#播放暂停”）.html（'pause'）；
}否则{
video.video.pause（）；
video.stopListen（）；
$（“#播放暂停”）.html（'play'）；
}
}

注释板
按这种方式播放是行不通的，因为当我全屏播放时，会取消注释。我想要youtube，在视频中以一个确定的秒和确定的位置出现，在某人秒后消失。发布您的代码，以便我们可以建议选项。我们可以在视频中绘制各种形状，如矩形、箭头和更多形状吗？请在回答中查看我的更新（）1.我想创建这样的东西：是否可以使用此软件包此处给出的答案相同。这不是要求。要求是需要在视频上绘制。顺便说一下，谢谢你的回答。你需要这样的回答：