Question

当我尝试打印其上嵌有YouTube视频的页面时，它会打印出一个空白区域，而在网络上会显示一个静止图像。是否可以按照网页上显示的方式将其打印出来，或者在打印时youtube视频是否始终显示为空白点？我不打算打印截图;我希望客户在点击打印图标时，一旦打印出来就看到页面上的youtube，而不是空白点。

如果它总是显示为空白点，我将使用我的noprint样式表。我已经嵌入了我的视频：

<iframe id="ShowFrameID" width="640" height="480"            
     src="http://www.youtube.com/embed/6j6OfI9zKVQ? 
 wmode=opaque&amp;modestbranding=1&amp;rel=0">
</iframe>

非常感谢任何人提供的任何建议！

Answer 1

您可以使用Youtube API设置背景图片。

http://img.youtube.com/vi/6j6OfI9zKVQ/0.jpg

实施例

<iframe style="background-image:url('http://img.youtube.com/vi/6j6OfI9zKVQ/0.jpg')" id="ShowFrameID" width="640" height="480" src="http://www.youtube.com/embed/6j6OfI9zKVQ? wmode=opaque&amp;modestbranding=1&amp;rel=0">
</iframe>

Further Informations on SO

更新

好的，我已经验证了。正如你在jsfiddle中看到的那样，第一个和第二个iframe被打印而最后一个没有。请注意style属性中的其他css样式。我认为设置这些声明是显而易见的。对不起。

工作小提琴：http://jsfiddle.net/CSvq4/

打印示例pdf（Firefox）：http://goo.gl/zBDqt

注意＃1： 您必须启用浏览器to print backgrounds！

注意＃2： 您还应该尝试阻止内联样式。这是不好的做法，而且维护得不好。

是否可以打印出在您网页上显示的YouTube视频静止图像？

1 个答案:

实施例

更新