Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/407.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
HTML5视频或JavaScript变量作为HTML2Canvas的输入_Javascript_Jquery_Html2canvas - Fatal编程技术网

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

HTML5视频或JavaScript变量作为HTML2Canvas的输入,javascript,jquery,html2canvas,Javascript,Jquery,Html2canvas,我已经环顾了StackOverflow和Google,想找到一个解决这个问题的方法,但到目前为止还没有成功。 从Django获取了包含动态呈现内容的HTML页面。所有这些都适用于标准文本和图像,但有时也会显示HTML5视频元素,在屏幕截图中显示为黑色图像,仅此而已。在上面添加海报也没用。有人知道有没有可能拍摄html5视频元素的截图?(不闪烁等) 若并没有,我的第二种方法是创建一个包含html内容的js变量,然后用视频的poster属性创建的图像替换视频。之后,将js变量发送到html2canv

我已经环顾了StackOverflow和Google,想找到一个解决这个问题的方法,但到目前为止还没有成功。 从Django获取了包含动态呈现内容的HTML页面。所有这些都适用于标准文本和图像,但有时也会显示HTML5视频元素,在屏幕截图中显示为黑色图像,仅此而已。在上面添加海报也没用。有人知道有没有可能拍摄html5视频元素的截图?(不闪烁等) 若并没有,我的第二种方法是创建一个包含html内容的js变量,然后用视频的poster属性创建的图像替换视频。之后,将js变量发送到html2canvas进行屏幕截图。原因是我不能为用户改变页面的外观,所以我需要在后台做一些事情。我的想法是使用

var content = $(".content").html();
content.replace(video, image);  // pseudo here for sake of question
html2canvas(content, { ...
然而,这只会不断给我
未捕获的类型错误:无法读取未定义的属性“images”
,所以想法失败了。。。 是否有人知道如何使其实际工作,或者可能有任何其他想法,如何用图像代替视频,以便html2canvas截图,但用户在网站上看不到任何变化?
提前谢谢大家

可以将html5视频元素捕获到“截图”上,前提是它不会污染画布(即跨来源内容)


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

您能给我粘贴一个捕获html5视频的代码示例吗,我刚刚尝试了一个基本的html5视频原始示例,全部是本地的(没有跨来源的东西),而静止视频被忽略了……这只是你开始工作的地方吗?@MaRiNkO可以在上找到一个例子。你找到解决这个问题的方法了吗?