javascript - HTML5 : Placing a canvas on a video with controls

标签 javascript html html5-video html5-canvas

我想在 HTML5 视频上画东西。为此,我尝试在 HTML5 视频元素上放置一个 Canvas 。

但是当我将 Canvas 放在视频元素上时出现问题,视频控件不起作用。由于 Canvas 获取所有鼠标悬停和单击事件。有没有办法将事件委托(delegate)给视频控件或在其他地方显示控件?

任何帮助/想法都会很棒。

最佳答案

你应该做的是实现你自己的控件(或使用现有的集合,例如 videojs )
你可以阅读我对这个问题的回答:Html5 video overlay architecture

关于javascript - HTML5 : Placing a canvas on a video with controls,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7511319/

相关文章:

javascript - 从 Chrome 扩展内容脚本中抛出调试

html - 使 nav-pills 像 bootstrap 中的 navbar 一样可折叠

html - Bootstrap,清除两者都不能正常工作

html - 如何在占据窗口确切高度的网络浏览器中显示视频?

javascript - 如何过滤对象并更新过滤后的内容? JavaScript

javascript - 如何 onFormSubmit(),两个独立的谷歌源电子表格?

javascript - d3.conventions 不是 script.js 中的函数

javascript - 通过类选择器复制 jQuery 弹出窗口

javascript - 我正在尝试使用适用于 iOS 设备的 Html 5 表单从 "Photos"应用程序上传视频

reactjs - 如何将 VideoJS 插件与 ReactJS 一起使用?