html5 视频标签如何工作?有没有办法看看它是如何实现的



我正在开发一个应用程序,我需要在画布中将一些动画与视频一起显示为单独的元素,同样,我需要非常精确地保持两个 DOM 元素之间的同步。

我正在考虑在视频标签播放视频时播放动画。有什么方法可以看到 html5 视频标签是如何实现的吗?

从理论上讲,每个浏览器都可以有自己的视频标签实现。除此之外,他们会尽力遵守 w3.org 规定的一些规则

这是视频代码草稿:

https://www.w3.org/TR/2011/WD-html5-20110113/video.html#video

如果您想将某些内容与视频同步,则需要使用一些视频标记事件:

https://www.w3.org/2010/05/video/mediaevents.html

可以在视频上设置timeupdate事件侦听器,这将允许您在播放视频时将页面上的其他元素与视频同步。视频元素除了 timeupdate 之外还有许多其他事件,例如playpauseseeking
视频元素的实现会因浏览器而异,并且可能不是完全公开的,例如它们如何与 DRM 配合使用。

最新更新