Loading...
 
Add a media player to a page

Plugin Media Player

Introduced in Tiki3, and extended in Tiki6 with JQuery#Media

Use this wiki plugin to play a media file, like MP3, MP4, SWF, FLV, AVI, WMV, RAM, MOV, MPEG, PDF, ... It calls on a flash based open source media player to play them or (since Tiki 12.2) one can use native HTML5 player.

Parameters

Besides the parameters described at http://flash-mp3-player.net and http://flv-player.net you can use the following Tiki parameters:
Introduced in Tiki3.
Preferences required: wikiplugin_mediaplayer
Parameters Accepted Values Description Default Since
flv url Complete URL to the FLV to include. Examples: http://example.org/example.flv for an external file, or for a video file in the site's File Gallery: tiki-download_file.php?fileId=2 (the missing // is intentional as this is a valid internal link) 3.0
height Player height in px or % 10.0
mp3 url Complete URL to the MP3 to include. Examples: http://example.org/example.mp3 for an external file, or for a video file in the site's File Gallery: tiki-download_file.php?fileId=2 (No need for http:// in this case) 3.0
width Player width in px or % 10.0
fullscreen (blank)
true
false
Allow full-screen mode. 5.0
type url File type for source URL, e.g. mp4, pdf, odp (through ViewerJS), etc. Specify one of the supported file types when the URL of the file is missing the file extension. This is the case for File Gallery files which have a URL such as tiki-download_file.php?fileId=4&display or display4 if you have Clean URLs enabled. 10.0
wmode (blank)
transparent
opaque
window
Sets the Window Mode property of the Flash movie. Transparent lets what's behind the movie show through and allows the movie to be covered Opaque hides what's behind the movie and Window plays the movie in its own window. Default value: transparent 5.0
mediatype (blank)
audio
video
Media type for HTML5 13.2
style (blank)
mini
normal
maxi
multi
native
Set the style 3.0
src asx, asf, avi, mov, mpg, mpeg, mp4, qt, ra, smil, swf, wmv, 3g2, 3gp, aif, aac, au, gsm, mid, midi, mov, m4a, snd, ra, ram, rm, wav, wma, bmp, html, pdf, psd, qif, qtif, qti, tif, tiff, xaml Complete URL to the media to include, which has the appropriate extension. If your URL doesn't have an extension, use the File type parameter below. 6.0


 Note


If you are having difficulty setting the width, try setting with just the number, without 'px' or '%'.

Flash MP3 Player Parameters:
Name Description
mp3 The URL of the MP3 file to be played
autoplay 1 to auto-play
loop 1 to loop
volume The initial volume, between 0 and 200.
skin The URL of the JPEG file (not progressive) to load
showstop 1 to show the STOP button
showinfo 1 to show the INFO button
loadingcolor The color of loading bar
bgcolor1 The first color of the background gradient
bgcolor2 The second color of the background gradient
buttoncolor The color of the buttons
buttonovercolor Hover color of buttons
slidercolor1 The first color of the bar gradient
slidercolor2 The second color of the bar gradient
sliderovercolor Hover color of the bar
textcolor The text color
bgcolor The background color
byteslimit If it is an MP3 streaming, the stream will restart at the bytes limit, to prevent overload.

Troubleshooting

  • Make sure you have enabled jQuery Media feature if you are not using mp3 or flv file (using the src param)
  • If the player still doesn't appear, you probably got one of the plugin parameters wrong.
  • If the player appears but won't play, you probably got the wrong URL to the file.

Examples

MP3 Examples

For files in the file gallery:
{mediaplayer mp3="display10"}
{mediaplayer mp3="tiki-download_file.php?fileId=389"}


Using actual file path:
{mediaplayer mp3="http://usuaris.tinet.org/mikell/EntrevistaRadio4.mp3"}
{mediaplayer mp3="http://usuaris.tinet.org/mikell/EntrevistaRadio4.mp3", style="mini"}
{mediaplayer mp3="/test.mp3", loop="1"}


 Tip


For files uploaded to the file gallery but stored on the server, the actual file path can also be used. Tiki converts file names to hash values for storage on the server - this name can be found in the database.


FLV files

Use the flv and type parameters to show flv files as shown below:

File gallery flv file:
{mediaplayer flv="http://example.com/display10" type="flv"}

Otherwise upload the file to a directory on your server and use the direct file path. If the file has the .flv extension, then the type parameter doesn't need to be set:
{mediaplayer flv="http://flv-player.net/medias/KyodaiNoGilga.flv"}


Example with the src param (jQuery Media)

It has been enhanced in Tiki6 with jQuery#Media, so that more media formats are supported once you use the param "url" in the plugin helper ("src" in the code), including pdf among others. The value in the src parameter must end with a file extension

This code:
{mediaplayer src="https://branding.tiki.org/tiki-download_wiki_attachment.php?attId=37&page=Slideshow" width="100%" height="600" type="pdf"}


Would produce this PDF in the player:


Alternatives to display PDFs.
Wiki Plugin PluginWebDocViewer is similar.
  • If you run into problems with one, it's nice to have a second option to try.

FLV

This code:
{mediaplayer flv="http://flv-player.net/medias/KyodaiNoGilga.flv"}


Would produce:


WebM (VP8 codec)

This code:
{mediaplayer src="tiki-download_file.php?fileId=465&display=y" type="webm"}


Would produce something like:



WebM: an open web media project
The WebM Project is dedicated to developing a high-quality, open video format for the web that's freely available to everyone.
https://www.webmproject.org


File gallery file in a blog post

An example for a successful use of the maxi Mediaplayer in a blog post looks like this (only caveat is to have access rights for the relevant user group by setting tiki_p_download_files to yes - sometimes, a restart of the browser seems to be necessary to make those rights work...)
{mediaplayer mp3="http://example.com/tiki-download_file.php?fileId=1&showstop=1&showinfo=1&showvolume=1" style="maxi"}


This also works for a pdf file in a file gallery beginning in version 10:
{mediaplayer src="tiki-download_file.php?fileId=7&display=y" type="pdf"}

And it displays the PDF file with the ID 7.
  • An alternative is to use PluginWebDocViewer to display PDFs. (May display better on some smart phones and tablets.)

If you prefer the Flash player you can download the player itself (an .swf file) from http://flash-mp3-player.net or http://flv-player.net or http://code.google.com/p/mp3player or http://code.google.com/p/flvplayer/. If you do, you will need to edit the plugin (at lib/wiki-plugins/wikiplugin_mediaplayer.php) and change the default source in the plugin code or add it as a "where" parameter in that instance of the plugin.

Aliases

PluginMedia

doc.tiki.org


Bootstrap

AdminGuide

UserGuide

Keywords

Keywords serve as "hubs" for navigation within the Tiki documentation. They correspond to development keywords (bug reports and feature requests):

Accessibility (WAI and 508)
Accounting (7.x)
Articles and Submissions
Backlinks
Banners
Batch (6.x)
BigBlueButton audio/video/chat/screensharing (5.x)
Blog
Bookmark
Browser Compatibility
Link Cache
Calendar
Category
Chat
Clean URLs
Comments
Communication Center
Compression (gzip)
Contacts (Address Book)
Contact us
Content Templates
Contribution (2.x)
Cookie
Copyright
Credit (6.x)
Custom Home and Group Home Page
Date and Time
Debugger Console
Directory of hyperlinks
Documentation link from Tiki to doc.tiki.org (Help System)
Docs 8.x
Draw 7.x
Dynamic Content
Dynamic Variable
External Authentication
FAQ
Featured links
File Gallery
Forum
Friendship Network (Community)
Gmap Google maps
Groups
Hotword
HTML Page
i18n (Multilingual, l10n, Babelfish)
Image Gallery
Import-Export
Install
Integrator
Interoperability
Inter-User Messages
InterTiki
Kaltura video management (4.x)
Karma
Live Support
Login
Logs (system & action)
Look and Feel
Lost edit protection
Mail-in
Map with Mapserver
Menu
Meta Tags
Mobile Tiki and Voice Tiki
Mods
Module
MultiTiki
MyTiki
Newsletter
Notepad
Payment
Performance Speed / Load
Permissions
Platform independence (Linux-Apache, Windows/IIS, Mac, BSD)
Polls
Profiles
Profile Manager
Report
Toolbar
Quiz
Rating
Feeds
Score
Search engine optimization
Search
Search and Replace
Security
Semantic links (3.x)
Shadowbox
Shadow Layers
Share
Shopping cart
Shoutbox
Slideshow
Smiley
Social Networks
Spam protection (Anti-bot CATPCHA)
Spellcheck
Spreadsheet
Stats
Surveys
Tags (2.x)
Task
Tell a Friend, alert + Social Bookmarking
TikiTests (2.x)
Theme CSS & Smarty
Trackers
Transitions (5.x)
TRIM
User Administration including registration and banning
User Files
User Menu
Watch
WebHelp
WebDAV (5.x)
Webmail
Web Services
Wiki 3D
Wiki History, page rename, etc
Wiki Page Staging and Approval (2.x)
Wiki Plugin extends basic syntax
Wiki Syntax
Wiki structure (book and table of content)
Workspace
WSOD
WYSIWYCA
WYSIWYG (2.x)
XMLRPC


Tiki Newsletter

Delivered fresh to your email inbox!
Newsletter subscribe icon
Don't miss major announcements and other news!
Contribute to Tiki
Show php error messages