2

当我尝试打印一个嵌入了 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>

任何人都可以提供任何建议将不胜感激！

4

1 回答 1

4

您可以使用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>

关于 SO 的更多信息

更新

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

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

打印为 pdf (Firefox) 的示例：http: //goo.gl/zBDqt

注意＃1： 您必须启用浏览器才能打印背景！

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

于 2012-09-23T22:38:05.660 回答