YouTube video

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

Vimeo video

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

Self-hosted video (mp4/flv)

[%su_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 [%su_youtube url="http://youtube.com/watch?v=DR2c266yWEA" width="300" height="200" responsive="no"] [%su_vimeo url="http://vimeo.com/78106175" width="300" height="200" responsive="no"] -----

Self-hosted audio-files (HTML5/Flash)

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

Audio player with custom width

[%su_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

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

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

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

Media grid: responsive videos + columns

[%su_row] [%su_column size="1/2"] [%su_youtube] [/%su_column] [%su_column size="1/2"] [%su_vimeo] [/%su_column] [/%su_row] [%su_row] [%su_column size="1/2"] [%su_youtube] [/%su_column] [%su_column size="1/2"] [%su_vimeo] [/%su_column] [/%su_row] -----

Autoplay and loop

You can add autoplay="yes" and loop="yes" to any of these elements and the playback will be automatically started and looped. For example: [[%su_youtube url="" autoplay="yes"]]