2012-10-16 9 views
7

です。我々は、プレーヤーをFlowplayerからVideo.jsに移行しています。最も透き通った方法は、video.jsプレーヤー

にVideo.jsでこの動作を再現するための最良の方法だろう
flowplayer(.. , .. , {logo:{'url':'/path/to/watermark.png'}}); 

:私たちは私たちの動画の上に透かしを追加するオプションを使用して行い、当社の現在のFlowplayerインストールで ?

理想的ソリューションは、我々はすでに(高Zインデックスと上層のバックグラウンドを使用して)みました。しかし、あなたがフルスクリーンに行くときには透かしが失われるCSS、

任意のアイデアでしょうか?事前に感謝

+0

あなたがビデオに直接それを適用すると考え等価たオプションがあるようにそれはいないようですか? – bookcasey

+0

私たちは200.000以上の動画を持っているので、オプションではありません:( – jmserra

+0

CSS透かしを追加する理由は何ですか?動画を保護しない理由は、動画を再エンコードして –

答えて

2

HTML/CSSソリューションが動作するはずですが、<video>タグのようにDOM階層内の同じレベルに要素を追加することができますが、フルスクリーンモードで表示されるようです。フルスクリーンが有効かどうかに応じてウォーターマークを表示するようにCSSを変更する必要があるかもしれませんが、ビデオ要素のサイズを監視して検出することができます。私は(私はちょうど<video><h1>を追加しました)にVideo.jsサイトでDOMを編集することによって、これを達成することができました:このURLで

http://imgur.com/a/ABItT

+0

ありがとうCecchi私は間違いなくここから試し続けます – jmserra

1

にVideo.jsに適用することができます設定可能な不透明度と任意のhrefを持つ画像をオーバーレイします。それはそこvideojsからその既に用のプラグインであり、あなたはそれをフルスクリーンで見たい場合でも、それは、ロゴを保ち、ニーズ

https://github.com/funnyordie/videojs-imageOverlay

関連する問題