当我试图打印一个嵌入了youtube视频的页面时,它会打印出一个空白区域,而在web上会显示一个静态图像。是否可以像在web上显示的那样将其打印出来,或者youtube视频在打印时是否始终显示为空白区域?我不想打印屏幕截图;我希望客户在单击打印图标时,在页面上看到打印后的youtube静态图像,而不是空白区域。
如果它总是显示为一个空白点,我将在它上面使用我的noprint样式表。我像这样嵌入了我的视频:
<iframe id="ShowFrameID" width="640" height="480"
src="http://www.youtube.com/embed/6j6OfI9zKVQ?
wmode=opaque&modestbranding=1&rel=0">
</iframe>
任何人都可以提供的任何建议都将非常感谢!
发布于 2012-09-24 06:38:06
您可以使用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&modestbranding=1&rel=0">
</iframe>
更新
好的,我已经核实过了。正如您在jsfiddle中看到的,打印第一和第二个iframe,而不打印最后一个iframe。注意style属性中的其他css样式。我认为设置这些声明是显而易见的。很抱歉。
工作小提琴:http://jsfiddle.net/CSvq4/
示例打印为pdf (Firefox):http://goo.gl/zBDqt
注意事项#1:您必须启用浏览器to print backgrounds!
注意事项#2:你也应该试着防止内联样式。这是一种糟糕的实践,而且也不容易维护。
https://stackoverflow.com/questions/12556521
复制相似问题