HTML5 视频或 JavaScript 变量作为 HTML2Canvas 的输入

Question

我已经在 StackOverflow 和 Google 上寻找了解决这个问题的方法，但到目前为止还没有运气。 从 Django 获得一个包含动态呈现内容的 HTML 页面。一切都适用于标准文本和图像，但有时它也会显示 HTML5 视频元素，该元素在屏幕截图中显示为黑色图像，仅此而已。添加海报并没有帮助。有谁知道是否有可能实际截取 html5 视频元素的屏幕截图？ （不是闪光灯等） 如果没有，我的第二种方法是创建一个带有 html 内容的 js 变量，然后用从视频的海报属性创建的图像替换视频。之后将该 js 变量发送到 html2canvas 进行截图。这样做的原因是我不能改变用户的页面外观，所以我需要以某种方式在后台做这些事情。想法是使用

var content = $(".content").html();
content.replace(video, image);  // pseudo here for sake of question
html2canvas(content, { ...

但是，这只会一直给我Uncaught TypeError: Cannot read property 'images' of undefined，所以这个想法失败了...... 有谁知道如何使它真正起作用，或者可能有任何其他想法如何为了 html2canvas 屏幕截图而用图像替换视频，但用户在网站上看不到任何变化？ 提前非常感谢！！！

Answer 1

假设它不会污染画布（即跨域内容），可以将 html5 视频元素捕获到“屏幕截图”上。

目前，html2canvas 不支持捕获视频或海报图像，但始终欢迎拉取请求。