Canvas Youtube页面的画布截图部分空白

我有一个Firefox插件，可以截取网页的屏幕。它工作正常，除了在Youtube上：播放器没有出现在图像中，它是空白的。除了Fireshot之外，我注意到Firefox的所有屏幕截图插件都存在同样的问题

通过在页面上创建HTML画布完成屏幕截图：

var canvas = window.document.createElementNS('http://www.w3.org/1999/xhtml', 'canvas');
canvas.width = width;
canvas.height = height;
canvas.style.width = canvas.style.maxwidth = width + "px";
canvas.style.height = canvas.style.maxheight = height + "px";
var context = canvas.getContext("2d");
context.save();
context.drawWindow(win, 0, 0, width, height, "rgb(255,255,255)");
context.restore();
var dataUrl = canvas.toDataURL('image/png');

我尝试了几件事，但都没什么不同：

• 将wmode设置为不透明
• 延迟屏幕捕获

其他网站上其他Flash元素的截图，甚至其他网站上嵌入的Youtube视频都可以正常工作

---

知道如何确保Youtube播放器是图片的一部分吗？

将wmode设置为透明，而不是不透明

将wmode设置为透明，而不是不透明

你能发布几条截图的结果吗？你能发布几条截图的结果吗？请详细说明你的答案。在上面的问题中，上面说的是“将wmode设置为不透明”。所以我告诉那个人改为“将wmode设置为透明”。这是一个基于问题的清晰答案。请详细介绍您的答案。在上面的问题中，它说“将wmode设置为不透明”。所以我告诉那个人改为“将wmode设置为透明”。这是一个基于问题的明确答案。