Video & Audio

Media Element

Timber uses MediaElement as a custom video and audio player to achieve a consistant skinnable look. Optionally use the Thememountain Snowplayer skin or create your own. For full list of MediaElement paramters visit: mediaelementjs.com.


Resource Files

MediaElement requires the following resource files:

Css
								
									
								
							
Js
								
									<script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
									<script type="text/javascript" src="mediaelement/js/mediaelement-and-player.min.js"></script>
								
							

Video

IMPORTANT: To make the player responsive, add width and height as an inline style on the video tag and set it to 100%. If you want to provide native playback in the most common browsers remember to include the following formats of your video: .mp4, .ogv and .webm.

Example
								
									

Audio

Example
								
									

MediaElement Usage

To call MediaElement on all video and audio tags in a page add the following before the closing body.

Example
								
									$( 'audio, video' ).mediaelementplayer();
								
							
Theme Mountain

Current Version