我有一个HTML5视频，我将元素放在首位。
我希望内容跟随视频中的某些对象。 对我来说最好的方法是什么，所以我可以控制CSS的top和left属性（这就是我看到内容在视频上移动的方式）。
我想确保内容位置始终与视频时间保持同步。如果用户重新启动视频或跳到某一点，那么如果内容知道它们的位置就会很好。
我已经看到了一些这样的例子，他们使用JSON来控制内容位置以及应该在什么时间显示，隐藏和移动。 我不确定这是如何与视频播放器和视频时间联系在一起的。
我无法找到任何帮助解释JSON方法或其他方法。 是否存在类似的演示或某人可以创建的示例。
由于
答案 0 :(得分：0)
我可以推荐Popcorn.js结合Popcorn Base Plugin，它们应该共同完成所有这些。请特别注意这些examples。
Popcorn Base Plugin是一个用于创建自己的Popcorn插件的包装器，但它附带了一些已经构建的插件，并且所有插件都具有完整的关键帧动画。我建议你从“样式”插件开始，该插件将采用任何现有的DOM元素，并及时为视频制作CSS属性，包括“top”，“left”等。
Popcorn没有直接为所有动画制作JSON blob，但它应该足够简单，可以遍历这样的对象并对Popcorn的方法进行适当的调用。这两个项目都有很好的文档记录，并且有很好的简单示例。
完全披露：我制作了Popcorn Base Plugin，所以我可能有点偏颇。