Media elements

YouTube video

[youtube url=”http://youtube.com/watch?v=DR2c266yWEA”]

[[youtube url="http://youtube.com/watch?v=DR2c266yWEA"]]

Vimeo video

[vimeo url=”http://vimeo.com/78106175″]

[[vimeo url="http://vimeo.com/78106175"]]

Self-hosted video (mp4/flv)

[video url="http://www.jplayer.org/video/m4v/Big_Buck_Bunny_Trailer.m4v"]

Non-responsive videos

You can customize width and height for this videos

[youtube url=”http://youtube.com/watch?v=DR2c266yWEA” width=”300″ height=”200″ responsive=”no”]

[vimeo url=”http://vimeo.com/78106175″ width=”300″ height=”200″ responsive=”no”]

[[youtube url="http://youtube.com/watch?v=DR2c266yWEA" width="300" height="200" responsive="no"]]
[[vimeo url="http://vimeo.com/78106175" width="300" height="200" responsive="no"]]

Self-hosted audio-files (HTML5/Flash)

[audio url="http://www.jplayer.org/audio/mp3/TSP-01-Cro_magnon_man.mp3?1"]

Audio player with custom width

[audio url="http://www.jplayer.org/audio/mp3/TSP-01-Cro_magnon_man.mp3?2" width="400px"]

Advanced YouTube setup #1 – no controls, no related videos

[youtube_advanced url=”http://youtu.be/NbE8INOjTKM” controls=”no” showinfo=”no” rel=”no”]

[[youtube_advanced url="http://youtu.be/NbE8INOjTKM" controls="no" showinfo="no" rel="no"]]

Advanced YouTube setup #2 – always visible controls, light theme

[youtube_advanced url=”http://youtu.be/NbE8INOjTKM” autohide=”no” theme=”light”]

[[youtube_advanced url="http://youtu.be/NbE8INOjTKM" autohide="no" theme="light"]]