BB Code Enhancements - OwnPlayer - Your own video player

This BBCode allows you create an own video player.


Instructions:

1) Download JWPlayer (Free or Pro, you choose) here.

2) Unzip to temp folder and send to your host, following the instructions below:

2.1) Create a folder inside of your forum root folder, called ownplayer
2.2) Inside this ownplayer folder, create other 3 folders called js, skins and videos
2.3) Put jwplayer.js and swobject.js inside js folder
2.4) Put player.swf in your FORUM ROOT FOLDER
2.5) If you find any skins do you like, put this zip in skins folder (i use this)

3) Go to your AdminCP > Custom BB Codes > Add New BB Code.

Title: OwnPlayer Video
BB Code Tag Name: ownplayer
Replacement:

<div align="center">
<p id='preview'></p>
<script type='text/javascript' src='js/swfobject.js'></script>
<script type='text/javascript'>
var s1 = new SWFObject('player.swf','player','560','340','9');
s1.addParam('allowfullscreen','true');
s1.addParam('allowscriptaccess','always');
s1.addParam('flashvars','file=ownplayer/videos/{param}&skin=ownplayer/skins/bekle.zip&logo=ownplayer/logo.png');
s1.addParam('plugins', 'plugins=hd-1', 'plugins=gapro-1&gapro.accountid=UA-GOOGLEANALYTICSHERE');
s1.addParam('hd.file', 'ownplayer/videos/{param}');
s1.write('preview');
</script>
</div>

Use {option}: NO
Remove Tag If Empty: NO
Disable BB Code Within This BB Code: YES
Disable Smilies Within This BB Code: YES
Disable Word Wrapping Within This BB Code: YES
Button Image (Optional): Attachment 133806


4) Change "UA-GOOGLEANALYTICSHERE" to your Google Analytics ID. If you don't have one, just delete this "'plugins=gapro-1&gapro.accountid=UA-GOOGLEANALYTICSHERE'"

5) Put your logo in ownplayer folder, with logo.png name (140px x 56px)

6) Put your:
Videos in path/to/your/forum/ownplayer/videos;
Skins in path/to/your/forum/ownplayer/skins and change bold blue in code.


Example: [ownplayer]example.flv[/ownplayer]

ownplayer.jpg

--
+ Know Problems:
- Works only with one video per page (it's a JW Player's limitation, i think).

+ Notes:
- Tested in 4.0 to 4.1.5 PL1;
- Sorry for my poor english;
- I made this code because I needed it for my forums. I'm not a programmer.

[Nano_]

reserved.

[dvL-den]

Ok, this bbcode is working perfect, but one question... how I can turn off the video menu? I don't want this option in the video player.

[cbiweb]

This needs to be changed because JWPlayer is different now. For one thing, there is no swobject.js file anymore, making the bbcode not work.

[Smiler2009]

This is the code I use for JWPlayer6. I'm using JWPlayer6 Pro but the free version will work identically.

<script src="/jwplayer/jwplayer.js"></script>

<div id='my-video'></div>
<script type='text/javascript'>
jwplayer('my-video').setup({
file: 'path/to/your/video/folder/{param}',
width: '480',
height: '270'
});
</script>

{param} is the filename of the video/audio file to be passed to the code.
All you need do is to make sure the video is uploaded into the folder you specify in the code, type the filename in a forum post, highlight it and click the icon.

Works very well indeed. If you reduce the height to 30 the player will switch into audio mode and display the audio control bar so you can also add an [AUDIO] tag if you wish.

Hope this helps

Jeff.