Multimedia Box 3.0 is Joomla 1.6.x plugin that plays videos and stream video files from social sites in lightbox javascript effect. You can also show single images or image galleries, inline content, ajax content and web pages. This version of Multimedia Box for Joomla is enhanced with Mediabox Advanced script from Iaian7.com which gives you more video power and sleek new style to catch the eye of your visitors .
Please note that this version is for Joomla 1.6.x 1.7.x 2.5.x
Multi Media Box 3.0 Features
- Width and height adjustable for each thumbnail with new width=height= parameters
- Parameter caption= to show nice caption for your image gallery
- Parameter thumb= you can add your own thumbnail images now ( faster site load. big image loads on click only.if not used big image stays in place)
- Parameter thumbnone=0 to be used for image gallery call from 1 thumbnail only
- Use Multimedia Box in Joomla 1.6 Modules ( Install MultimediaBox Module ) See Example
- 32 social sites video streams
- flv,swf,wmv,mov,mp3,mp4 media support
- Smooth image transition
- Sexy CSS3 style
- Cross browser compatible
Plugin parameters:
- Default image folder is set to SITE_ROOT/images
- Choose if media looping is allowed when items are in group
- Choose from JW Player or NonverBlaster to display your media types.
- Set custom overlay opacity
Code below is to be used in your new items editor. Simply copy and paste. Please note that this is content plugin. For MutimediaBox to work in modules , simply install MultimediaBox Module copy and paste your code there. See Example
In code examples we must add space before and after brackets {}. Please remove empty space when you start using Multimedia Box
Grouping info : note that if you do not add groups to mbox , all links on current page will group in to one!
Video Examples:
To display image as video link use these parameters:
{ mbox:VIDEO LINK|VIDEO WIDTH|VIDEO HEIGHT|title=VIDEO TITLE::AND DESCRIPTION |vthumb=VIDEO IMAGE|height=VIDEO IMAGE HEIGHT|width=VIDEO IMAGE WIDTH|caption=CAPTION TEXT }
To display simple text video link use :
{ mbox:VIDEO LINK|VIDEO WIDTH|VIDEO HEIGHT|title=VIDEO TITLE::AND DESCRIPTION |txt=VIDEO LINK TEXT}
Videos with images
{ mbox:http://www.youtube.com/watch?v=Iv7Miwigeks|640|360|group=videos1|title=Halle on Youtube|vthumb=halle1.jpg|height=300|width=160|caption=Play me please :) }
{ mbox:http://www.youtube.com/watch?v=Sy6mTZxqPYg|640|360|group=videos1|title=Kim on Youtube|vthumb=kim2.jpg|height=300|width=200|caption=Don't play her! Play me :) }
Play me please :)
Don't play her! Play me :)
Twitter Media links
{ mbox:http://twitcam.com/118d|500|300|group=tweet|title=Twitter Media|txt=Twitcam }
Social video sites
{ mbox:http://www.facebook.com/video/video.php?v=543650258685|640|486|group=social|title=Facebook::Face videos|txt=Play Facebook Video }
Different video file types :
{ mbox:http://iaian7.com/media/2007/06/2007vfx.flv|640|360|group=filetypes|title=Flash video|txt=Play flash video }
Images examples:
{ mbox:IMAGE NAME(LOCATION IS SET IN PLUGIN PARAMS) |THUMB-WIDTH|THUMB-HEIGHT|CAPTION=Your Caption|title=IMAGE TITLE::AND DESCRIPTION }
Single image example:
{ mbox:yjsgts1.gif|width=205|height=110|caption=Template Setting|title=Template Settings:: Advanced Template Settings }
Image gallery example:
{ mbox:yjsgts6.gif|width=205|height=110|group=settings|caption=Template Manager|title=Template Manager::Advanced Joomla Template Manager }
{ mbox:yjsgts2.gif|width=205|caption=Style Settings|height=110|group=settings|title=Styles::Multiple style settings }
{ mbox:yjsgts7.gif|width=205|height=110|group=settings|title=Mobile Devices::Go Mobile with Joomla|caption=Mobile Devices }
Template Manager
Style Settings
Mobile Devices
Thumb parameter example:
{ mbox:megan1.jpg|width=73|height=50|group=ladies|thumb=megan.gif|title=Megan Fox }
{ mbox:halle1.jpg|width=73|height=50|group=ladies|thumb=halle.gif|title=Halle Berry }
{ mbox:kim2.jpg|width=73|height=50|group=ladies|thumb=kim.gif|title=Kim Kardashian }
Thumbnone parameter example:
{ mbox:megan1.jpg|width=73|height=50|group=thno|thumb=megan.gif|title=Megan Fox }
{ mbox:megan2.jpg|group=thno|thumbnone=0|title=Megan Fox 2 }
{ mbox:halle1.jpg|group=thno|thumbnone=0|title=Halle Berry }
Thumbnone parameter example2:
{ mbox:megan1.jpg|thumbnone=0|group=nothumb|title=Megan Fox|txt=No images link only!}
{ mbox:megan2.jpg|nothumb=thno|thumbnone=0|title=Megan Fox 2 }
{ mbox:halle1.jpg|nothumb=thno|thumbnone=0|title=Halle Berry }
Media Combo example:
{ mbox:megan1.jpg|width=73|height=50|group=mcombo|thumb=megan.gif|title=Megan Fox }
{ mbox:http://www.facebook.com/video/video.php?v=543650258685|500|280|thumbnone=0|group=mcombo|title=www.Facebook.com }
{ mbox:ajaxLogin.htm|500|300|group=mcombo|thumbnone=0|title=Ajax Power }
Web content examples:
Inline content example:
{ mbox:#yjmb_mydiv|300|300|title=My hidden div title|txt=Inline Content Link }
Hidden div html. Note! You must use div id prefix yjmb_ when defining Mbox parameter you must use this #yjmb_
<div id="yjmb_mydiv" style="display: none">This is my text and I can say what I want :)</div>
iFramed Content example:
{ mbox:link_to_your_page.htm|500|300|title=Ajax Power|txt=This is Ajax Power }
External pages example:
{ mbox:http://www.youjoomla.com|1005|600|title=Youjoomla::Joomla Templates Club|txt=Open Youjoomla.com }