Adding Watermark in JW PLAYER
I have purchased a license JW player and I want to add my custom watermark on player how can I do that.What parameters/variables do I need to add?I want details I am newbie to JW player.please help.
42 Community Answers
Ethan Feldman
JW Player Support Agent
0
rated :
http://www.longtailvideo.com/support/jw-player/jw-player-for-flash-v5/12536/configuration-options#logo
logo.file ( undefined )
Location of an external JPG, PNG or GIF image to be used as watermark. PNG images with transparency give the best results.
logo.link ( undefined )
HTTP link to jump to when the watermark image is clicked. If it is not set, a click on the watermark does nothing.
logo.linktarget ( _blank )
Link target for logo click. Can be _self, _blank, _parent, _top or a named frame.
logo.hide ( true )
By default, the logo will automatically show when the player buffers and hide 3 seconds later. When this option is set false, the logo will stay visible all the time.
logo.margin ( 8 )
The distance of the logo, in pixels from the sides of the player.
logo.position ( bottom-left )
This sets the corner in which to display the watermark. It can be one of the following:- bottom-left
- bottom-right
- top-left
- top-right
logo.timeout ( 3 )
When logo.hide is set to true, this option sets the number of seconds the logo is visible after it appears.
logo.over ( 1 )
The alpha transparency of the logo on mouseover. Can be a decimal number from 0 to 1.
logo.out ( 0.5 )
The default alpha transparency of the logo when not moused over. Can be a decimal number from 0 to 1.
JW Player
User
-1
rated :
I have bought your player, but I use vBulletin allowed to HTML code for show my tutorial and video making, I not make a share site like youtube or dailymotion. So I use embed code like this following one:
<object id="player" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" name="player" width="328" height="200">
<param name="movie" value="player.swf" />
<param name="allowfullscreen" value="true" />
<param name="allowscriptaccess" value="always" />
<param name="flashvars" value="file=video.mp4&image=preview.jpg" />
<embed src='http://mysite/player.swf' height='445' width='660' bgcolor='0x000000' allowscriptaccess='always' allowfullscreen='true' flashvars='&author=Blackout%20Media&backcolor=0x000000&file=http://mysite/videos/phapt.flv&frontcolor=0xcccccc&image=http://mysite/thumb/phapt.png&lightcolor=0xcccccc&plugins=vidrate-1,tweetit-1,fbit-1,gapro-1,sharing-1,ltasd&dock=true&screencolor=0x888888&stretching=fill&title=phBot%20Auto%20Party%20Tutorial'/>
I have buy a licence because I wanted to have my own watermark not jwplayer. So where I need to add the code inside this for show it in my embed code. Need to know, I not really sure php code are allowed on vbulletin. Thanks for your answer.
Ethan Feldman
JW Player Support Agent
0
rated :
After &title=phBot%20Auto%20Party%20Tutorial add &logo.file=your_logo.jpg&logo.hide=false
etc
JW Player
User
0
rated :
Thanks, that work perfectly.
Ethan Feldman
JW Player Support Agent
0
rated :
No problem!
JW Player
User
0
rated :
Maybe one thing, is not about logo, but I ask it there, how could I make it work with IE9 ? because I only see a square with a little picture on the top left.
Ethan Feldman
JW Player Support Agent
0
rated :
Should work fine regardless of browser.
JW Player
User
0
rated :
What are the variables for embedding with the JavaScript code please and thanks?
JW Player
User
0
rated :
Just to clarify my last question ;)
I'm looking for the watermark variables / instructions for embedding with the JS code.
Thanks!
-Brooks.
JW Player
User
-1
rated :
Not really work on IE9, only on firefox and google chrome.
Ethan Feldman
JW Player Support Agent
0
rated :
@Brooks – http://www.longtailvideo.com/support/jw-player/jw-player-for-flash-v5/12536/configuration-options#logo
@Kevin Dorion – Provide a link.
JW Player
User
0
rated :
Like this:?
logo.file: "http://www.domain.com/image.png",
Ethan Feldman
JW Player Support Agent
0
rated :
Use:
‘logo.file’: “http://www.domain.com/image.png”,
JW Player
User
0
rated :
Thank you Ethan.
...just my two cents - the config page should have that exact convention shown, because it it different than the rest of the embed code, which is what stumped me in the first place.
Great products and service though!
~Brooks.
Ethan Feldman
JW Player Support Agent
0
rated :
Np, thanks for the feedback!
JW Player
User
0
rated :
See this page on IE9 http://blackoutmedia.net/showthread.php?30-Harry-%A8Potter-Rebirthing
Ethan Feldman
JW Player Support Agent
0
rated :
You are only using <embed> code here. You need both <embed> and <object> tags for cross browser support.
Example – http://www.longtailvideo.com/support/jw-player-setup-wizard
<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' width='470' height='320' id='single1' name='single1'>
<param name='movie' value='player.swf'>
<param name='allowfullscreen' value='true'>
<param name='allowscriptaccess' value='always'>
<param name='wmode' value='transparent'>
<param name='flashvars' value='file=http://content.longtailvideo.com/videos/flvplayer.flv'>
<embed
id='single2'
name='single2'
src='player.swf'
width='470'
height='320'
bgcolor='#000000'
allowscriptaccess='always'
allowfullscreen='true'
flashvars='file=http://content.longtailvideo.com/videos/flvplayer.flv'
/>
</object>
JW Player
User
0
rated :
I copy past you embled code, and that give to a white box :
http://blackoutmedia.net/showthread.php?101-Test&p=207#post207
Ethan Feldman
JW Player Support Agent
0
rated :
Change the references from player.swf to ttp://blackoutmedia.net/embedvideos/player.swf
JW Player
User
0
rated :
Same thing
bc.. <object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' width='470' height='320' id='single1' name='single1'>
<param name='movie' value='http://blackoutmedia.net/embedvideos/player.swf'>
<param name='allowfullscreen' value='true'>
<param name='allowscriptaccess' value='always'>
<param name='wmode' value='transparent'>
<param name='flashvars' value='file=http://blackoutmedia.net/embedvideos/videos/phapt.flv'>
<embed src='http://blackoutmedia.net/embedvideos/player.swf' height='445' width='660' bgcolor='0x000000' allowscriptaccess='always' allowfullscreen='true' flashvars='&author=Blackout%20Media&backcolor=0x000000&file=http://blackoutmedia.net/embedvideos/videos/phapt.flv&frontcolor=0xcccccc&image=http://blackoutmedia.net/embedvideos/thumb/phapt.png&lightcolor=0xcccccc&plugins=tweetit-1,fbit-1,gapro-1,sharing-1,ltasd&dock=true&screencolor=0x888888&stretching=fill&title=phBot%20Auto%20Party%20Tutorial&logo.file=http://blackoutmedia.net/embedvideos/logoblackout.png&logo.hide=false&logo.position=bottom-right&logo.link=http://blackoutmedia.net'/>
Ethan Feldman
JW Player Support Agent
0
rated :
On http://blackoutmedia.net/showthread.php?101-Test&p=207#post207 you are still referencing player.swf not in the correct location, is there another link?
JW Player
User
0
rated :
No the lin of the player is this one, maybe some misstake about the file needed.
Ethan Feldman
JW Player Support Agent
0
rated :
What link? You didn’t provide it…
JW Player
User
0
rated :
Every link is same as this one. What file are needed to make it work, did we need to have the object file ?
Ethan Feldman
JW Player Support Agent
0
rated :
The issue is that your code is pointing to player.swf in the test post, but it should be pointing to http://blackoutmedia.net/embedvideos/player.swf
JW Player
User
0
rated :
In your own code. <object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' width='470' height='320' id='single1' name='single1'>
<param name='movie' value='player.swf'>
<param name='allowfullscreen' value='true'>
<param name='allowscriptaccess' value='always'>
<param name='wmode' value='transparent'>
<param name='flashvars' value='file=http://content.longtailvideo.com/videos/flvplayer.flv'>
<embed
id='single2'
name='single2'
src='player.swf'
width='470'
height='320'
bgcolor='#000000'
allowscriptaccess='always'
allowfullscreen='true'
flashvars='file=http://content.longtailvideo.com/videos/flvplayer.flv'
/>
</object> where I need to remplace it, because I don't know what is a pointing.
Ethan Feldman
JW Player Support Agent
0
rated :
I just copied it from the wizard as an example.
Just change the player.swf references like I mentioned above.
JW Player
User
0
rated :
That is the trouble, I don't know what are you talking about with this reference.
Ethan Feldman
JW Player Support Agent
0
rated :
Ok, in your code:
Change this line:
<param name='movie' value='player.swf'>
To this:
<param name='movie' value='http://blackoutmedia.net/embedvideos/player.swf'>
And change this line:
src=‘player.swf’
To this:
src=‘http://blackoutmedia.net/embedvideos/player.swf’
JW Player
User
0
rated :
bc.. <object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' width='470' height='320' id='single1' name='single1'> <param name='movie' value='http://blackoutmedia.net/embedvideos/player.swf'> <param name='allowfullscreen' value='true'> <param name='allowscriptaccess' value='always'> <param name='wmode' value='transparent'> <param name='flashvars' value='file=http://content.longtailvideo.com/videos/flvplayer.flv'> <embed id='single2' name='single2' src='http://blackoutmedia.net/embedvideos/player.swf' width='470' height='320' bgcolor='#000000' allowscriptaccess='always' allowfullscreen='true' flashvars='file=http://content.longtailvideo.com/videos/flvplayer.flv' /> </object>
And give the same thing.
Ethan Feldman
JW Player Support Agent
0
rated :
Your code on your page still has this reference – <param name='movie' value='player.swf'><br />
You need to remove the <br /> tags and make sure you are referencing the player.swf file in the right location, which I posted above.
JW Player
User
0
rated :
bc.. <object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' width='470' height='320' id='single1' name='single1'><param name='movie' value='http://blackoutmedia.net/embedvideos/player.swf'><param name='allowfullscreen' value='true'><param name='allowscriptaccess' value='always'><param name='wmode' value='transparent'><param name='flashvars' value='file=http://content.longtailvideo.com/videos/flvplayer.flv'><embed id='single2' name='single2' src='http://blackoutmedia.net/embedvideos/player.swf' width='470' height='320' bgcolor='#000000' allowscriptaccess='always' allowfullscreen='true' flashvars='file=http://content.longtailvideo.com/videos/flvplayer.flv' /> </object>
This is the code I use, work fine on google crhome and Firefox, but still with a white box on ie
Ethan Feldman
JW Player Support Agent
0
rated :
Try this code:
<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' width='470' height='320' id='single1' name='single1'>
<param name='movie' value='http://blackoutmedia.net/embedvideos/player.swf'>
<param name='allowfullscreen' value='true'>
<param name='allowscriptaccess' value='always'>
<param name='wmode' value='transparent'>
<param name='flashvars' value='file=http://content.longtailvideo.com/videos/flvplayer.flv'>
<embed
type='application/x-shockwave-flash'
id='single2'
name='single2'
src='http://blackoutmedia.net/embedvideos/player.swf'
width='470'
height='320'
bgcolor='undefined'
allowscriptaccess='always'
allowfullscreen='true'
wmode='transparent'
flashvars='file=http://content.longtailvideo.com/videos/flvplayer.flv'
/>
</object>
If that doesn’t work, try this:
<script type='text/javascript' src='http://player.longtailvideo.com/swfobject.js'></script> <div id='mediaspace'>This text will be replaced</div> <script type='text/javascript'> var so = new SWFObject('http://blackoutmedia.net/embedvideos/player.swf','mpl','470','320','9'); so.addParam('allowfullscreen','true'); so.addParam('allowscriptaccess','always'); so.addParam('wmode','opaque'); so.addVariable('file','http://content.longtailvideo.com/videos/flvplayer.flv'); so.write('mediaspace'); </script>JW Player
User
0
rated :
Good for all browsers:
bc.. <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="470" height="320" id="single1" name="single1">
<param name="movie" value="http://blackoutmedia.net/embedvideos/player.swf" />
<param name="allowscriptaccess" value="always" />
<param name="allowfullscreen" value="true" />
<param name="wmode" value="opaque" />
<param name="bgcolor" value="#000000" />
<param name="flashvars" value="file=http://content.longtailvideo.com/videos/flvplayer.flv" />
<embed type="application/x-shockwave-flash" src="http://blackoutmedia.net/embedvideos/player.swf" width="470" height="320" id="single2" name="single2" allowscriptaccess="always" allowfullscreen="true" wmode="opaque" bgcolor="#000000" flashvars="file=http://content.longtailvideo.com/videos/flvplayer.flv">
</embed>
</object>
JW Player
User
0
rated :
One thing is strange, all your code work fine when I open notepad++ and past the code on it, save as a HTML code. When I try it on ie9, that work fine, but in my vBulletin, still have a white box.
Ethan Feldman
JW Player Support Agent
0
rated :
Maybe vBulletin strips it out for IE?
JW Player
User
0
rated :
Thaht was I think... Anyway, I only use firefox and I noticed it on one thread about to use the other browser for see all videos. Anyway thank you for your support.
Ethan Feldman
JW Player Support Agent
0
rated :
No problem.
JW Player
User
0
rated :
Last question, I give my src of the player on my site, if someone take this src and remplace the file= for is own video file and add his own logo on his own site, this will work or not, because I have bought it and I don't want everybody can take it.
Ethan Feldman
JW Player Support Agent
0
rated :
Technically, yes.
Here is some more information on security, though – http://www.longtailvideo.com/support/blog/13088/securing-your-content
JW Player
User
0
rated :
Ethan you have more patience than I would ever have. Great support btw! I was actually browsing for an unrelated solution when I came across this post :)
Ethan Feldman
JW Player Support Agent
0
rated :
Np! :)
This question has received the maximum number of answers.