首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >是否可以打印youtube上显示在网页上的视频静态照片?

是否可以打印youtube上显示在网页上的视频静态照片?
EN

Stack Overflow用户
提问于 2012-09-24 05:43:42
回答 1查看 3.4K关注 0票数 2

当我试图打印一个嵌入了youtube视频的页面时,它会打印出一个空白区域,而在web上会显示一个静态图像。是否可以像在web上显示的那样将其打印出来,或者youtube视频在打印时是否始终显示为空白区域?我不想打印屏幕截图;我希望客户在单击打印图标时,在页面上看到打印后的youtube静态图像,而不是空白区域。

如果它总是显示为一个空白点,我将在它上面使用我的noprint样式表。我像这样嵌入了我的视频:

代码语言:javascript
运行
复制
<iframe id="ShowFrameID" width="640" height="480"            
     src="http://www.youtube.com/embed/6j6OfI9zKVQ? 
 wmode=opaque&amp;modestbranding=1&amp;rel=0">
</iframe>

任何人都可以提供的任何建议都将非常感谢!

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-09-24 06:38:06

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

代码语言:javascript
运行
复制
http://img.youtube.com/vi/6j6OfI9zKVQ/0.jpg

示例:

代码语言:javascript
运行
复制
<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,而不打印最后一个iframe。注意style属性中的其他css样式。我认为设置这些声明是显而易见的。很抱歉。

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

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

注意事项#1:您必须启用浏览器to print backgrounds

注意事项#2:你也应该试着防止内联样式。这是一种糟糕的实践,而且也不容易维护。

票数 4
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/12556521

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档