
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.
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.
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: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.
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.
After &title=phBot%20Auto%20Party%20Tutorial add &logo.file=your_logo.jpg&logo.hide=false
etc
Thanks, that work perfectly.
No problem!
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.
Should work fine regardless of browser.
What are the variables for embedding with the JavaScript code please and thanks?
Just to clarify my last question ;)
I'm looking for the watermark variables / instructions for embedding with the JS code.
Thanks!
-Brooks.
Not really work on IE9, only on firefox and google chrome.
@Brooks – http://www.longtailvideo.com/support/jw-player/jw-player-for-flash-v5/12536/configuration-options#logo
@Kevin Dorion – Provide a link.
Like this:?
logo.file: "http://www.domain.com/image.png",
Use:
‘logo.file’: “http://www.domain.com/image.png”,
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.
Np, thanks for the feedback!
See this page on IE9 http://blackoutmedia.net/showthread.php?30-Harry-%A8Potter-Rebirthing
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>
I copy past you embled code, and that give to a white box :
http://blackoutmedia.net/showthread.php?101-Test&p=207#post207
Change the references from player.swf to ttp://blackoutmedia.net/embedvideos/player.swf
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'/>
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?
No the lin of the player is this one, maybe some misstake about the file needed.
What link? You didn’t provide it…
Every link is same as this one. What file are needed to make it work, did we need to have the object file ?
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
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.
I just copied it from the wizard as an example.
Just change the player.swf references like I mentioned above.
That is the trouble, I don't know what are you talking about with this reference.
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’
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.
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.
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
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>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>
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.
Maybe vBulletin strips it out for IE?
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.
No problem.
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.
Technically, yes.
Here is some more information on security, though – http://www.longtailvideo.com/support/blog/13088/securing-your-content
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 :)
Np! :)