javascript - 您可以将 HTML5 <canvas> 元素用于 Video.js 视频吗？

Question

因此，我最初在 HTML5 视频之上创建了一个 Canvas ，然后将视频播放器从 HTML5 切换到 Video.js，然后收到错误

“未捕获类型错误:无法在“CanvasRenderingContext2D”上执行“drawImage”:提供的值不是 HTMLCanvasElement 的“(CSSImageValue 或 HTMLImageElement 或 SVGImageElement 或 HTMLVideoElement 或 HTMLCanvasElement 或 ImageBitmap 或 OffscreenCanvas)”类型。”。

当我尝试实际绘制图像时发生错误。

这是我使用 video.js 的 HTML 代码:

<video class = "video-js vjs-theme-fantasy" vjs-big-play-centered muted controls id="video" data-setup="{}">

这是我尝试绘制 Canvas 图像的 Javascript 的一小段:

var video = document.getElementById("video");
let screenshot_context = screenshot_canvas.getContext("2d");
screenshot_context.drawImage(video, originX, originY, boxWidth, boxHeight, 0, 0, boxWidth, boxHeight);

我在网上搜索了一下，在尝试使用canvas元素时，使用Video.js似乎不应该成为问题，我只是想知道是否有人熟悉HTML5canvas元素和Video.js(我我知道它支持 HTML5 视频)可以确认 HTML canvas 元素也与 Video.js 兼容吗？

如果这是一个愚蠢的问题，我提前道歉，我是 javascript 新手，仍在学习诀窍!

Answer 1

videojs 似乎会将您的

元素中，该元素将采用您的

上一篇：python - Pandas 数据框中按键列分组的连续空值的计数

下一篇：python - 如何以编程方式下载 Python 中 blob 中引用的 m3u8 视频？