2

YouTube ビデオが埋め込まれたページを印刷しようとすると、空白の領域が印刷されますが、Web では静止画が表示されます。Web に表示されているとおりに印刷することはできますか、それとも、印刷すると 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を使用して Background-Image を設定できます。

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 でわかるように、最初と 2 番目の iframe は印刷されますが、最後の iframe は印刷されません。style 属性の追加の css スタイルに注意してください。これらの宣言を設定することは当然だと思いました。そのために残念。

作業フィドル: http://jsfiddle.net/CSvq4/

PDF として印刷する例 (Firefox): http://goo.gl/zBDqt

注 #1: ブラウザで背景を印刷できるようにする必要があります。

注 #2: インライン スタイルも防止する必要があります。それは悪い習慣であり、保守性が高くありません。

于 2012-09-23T22:38:05.660 に答える