0

我已经在 StackOverflow 和 Google 周围寻找了解决这个问题的方法,但到目前为止还没有运气。从 Django 获得一个包含动态呈现内容的 HTML 页面。一切都适用于标准文本和图像,但有时它也会显示 HTML5 视频元素,该元素在屏幕截图中显示为黑色图像,仅此而已。添加海报并没有帮助。有谁知道是否有可能实际截取 html5 视频元素的屏幕截图?(不是flash等)如果不是,我的第二种方法是创建一个带有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 屏幕截图而用图像替换视频,但用户没有看到任何变化网站?非常感谢提前!!!

4

1 回答 1

0

假设它不会污染画布(即跨源内容),则可以将 html5 视频元素捕获到“屏幕截图”上。

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

于 2013-08-13T17:04:41.520 回答