How to use your own player for YouTube Videos
On many occasions the YouTube player will simply not do. You may want your video player to match your branding or match your website design or you just don’t like the chrome player that YouTube offers by default. You may think that you are stuck with YouTube’s player if you distribute your videos through YouTube, but with a few simple hacks you are able to use a fully customised JavaScript or Flash player on your website.
JW player by Long tail video offers a fully customise the ball video player which uses the power of both Flash and HTML 5 to deliver fantastic quality and also easily allows you to use you chew at your distribution network.
Step one
Download the JW player from Longtail Video
Step 2
Add the following to in between your <head> </head>tags
</pre> <script type="text/javascript" src="/jwplayer/jwplayer.js"></script> <pre>
Step 3
Upload the jwplayer.js and player.swf to a folder off the root of your webs server
for example
http://youdomain.com/jwplayer
Step 4
Visit the Setup Wizard at http://www.longtailvideo.com/support/jw-player-setup-wizard add all the relevant details.
Step 5
Embed the code into your page
</pre>
<script type='text/javascript' src='jwplayer.js'></script>
<div id='mediaspace'>This text will be replaced</div>
<script type='text/javascript'>
jwplayer('mediaspace').setup({
'flashplayer': 'player.swf',
'file': ‘http://www.youtube.com/watch?v=xgEPdQwQBIw’,
'backcolor': 'CCCCCC',
'frontcolor': '000000',
'lightcolor': 'CCCCCC',
'screencolor': 'CCCCCC',
'controlbar': 'bottom',
'width': '470',
'height': '320'
});
</script>
<pre>
WordPress Users
You have two options you could use the Object code and embed into the post or download the JinX- the Javascript includer plugin (better option) and add the Script into the post.
The Results
I have left the YouTube logo in the video but if you would like to remove this please see my How to remove the YouTube Logo post
There are no responses so far.