# Media

- Link: https://www.solmesz.com/media
- Published: 2013-05-24T20:58:53-03:00
- Author: Sol Mesz

# Media Shortcodes

Avada has several built in short codes to manage your media. Youtube and Vimeo videos
can be used all throughout the site and are all fully responsive. Images and videos
can open in a lightbox, and you can use Soundcloud for all your audio files. All
of this is easily accessed via built-in shortcodes.

[⌊image 1⌉⌊image 1⌉[

**Lightbox Shortcode**

The Lightbox Shortcode lets you display high resolution images in a lightbox and
a thumbnail that triggers it. You can also have an image as a thumbnail, but display
a video in the lightbox. This shortcode is fully responsive, and is compatible with
any size of our columns shortcode. This shortcode also has the option to add Alternative
Information in case the image or video does not load properly.

[⌊image 1⌉⌊image 1⌉[

[⌊image 1⌉⌊image 1⌉[

[⌊image 1⌉⌊image 1⌉[

[⌊image 1⌉⌊image 1⌉[

**Youtube Shortcode**

The Youtube Shortcode allows you to display videos from Youtube by simply entering
the video ID. This shortcode is fully responsive and allows you to indicate the 
width and height it will display in. This shortcode also gives you the option to
autoplay the video, and to add additional API parameters.

**Vimeo Shortcode**

The Vimeo Shortcode allows you to display videos from Vimeo by simply entering the
video ID. This shortcode is fully responsive and allows you to indicate the width
and height it will display in. This shortcode also gives you the option to autoplay
the video, and to add additional API parameters.

**Souncloud Shortcode**

The Soundcloud Shortcode allows you to insert Soundcloud audio into your website
with ease. Simply indicate the URL, and you’re good to go. This shortcode is fully
responsive, and works perfectly with our columns shortcode. It also features some
meta options such as width, height, auto play, color, and comments.

**Complete Set of Options **

Every option and description included with the media shortcodes are listed below.

## Lightbox Shortcode

 * **title** – the _custom description text_ that will be displayed inside the lightbox.
 * **href** – The URL path of the image, video or website you want to open in the
   lightbox.
 * **data-rel** – Must stay as _prettyPhoto_ for the lightbox to work.
 * **src** – The URL path of the small image that will trigger the lightbox.
 * **alt** – The _custom alternative title text_ that will show up in the lightbox.
 * **class** – Add a _custom class_ to the wrapping HTML element for further css
   customization.
 * **id** – Add a _custom id_ to the wrapping HTML element for further css customization.

## Youtube Shortcode

 * **id** – The _id_ of the video you want to insert. For example, the _Video ID_
   for http://www.youtube.com/LOfeCR7KqUs is _LOfeCR7KqUs._
 * **width** –  Accepts a pixel value or a percentage to set the width. For example,
   _1px, _or_ 50%_. Leave Blank for full width.
 * **height** –  Accepts a pixel value or a percentage to set the height. For example,
   _1px, _or_ 50%_. Leave Blank for full width.
 * **autoplay** – Can be one of these values: _yes, _or_ no. _This will enable or
   disable autoplay.
 * **api_params** – An additonal vimeo video paramter option.
 * **class** – Add a_ custom class_ to the wrapping HTML element for further css
   customization.

## Vimeo Shortcode

 * **id** – The _id_ of the video you want to insert. For example, the _Video ID_
   for https://vimeo.com/75230326 is _75230326._
 * **width** –  Accepts a pixel value or a percentage to set the width. For example,
   _1px, _or_ 50%_. Leave Blank for full width.
 * **height** –  Accepts a pixel value or a percentage to set the height. For example,
   _1px, _or_ 50%_. Leave Blank for full width.
 * **autoplay** – Can be one of these values: _yes, _or_ no. _This will enable or
   disable autoplay.
 * **api_params** – An additonal vimeo video paramter option.
 * **class** – Add a_ custom class_ to the wrapping HTML element for further css
   customization.

## Soundcloud Shortcode

 * **url** – The URL path of the _soundcloud track_ you want to embed. For example,
   _http://api.soundcloud.com/tracks/110813479_.
 * **comments** – Can be one of these values: _yes, _or_ no. _This will show or 
   hide comments.
 * **auto_play** – Can be one of these values: _yes, _or_ no. _This will enable 
   or disable autoplay.
 * **color** – Accepts a hexcode _( #000000 )._ Sets the color.
 * **width** – Accepts a pixel value or a percentage to set the width. For example,
   _1px, _or_ 50%_. Leave Blank for full width.
 * **height** – Accepts a pixel value or a percentage to set the height. For example,
   _1px, _or_ 50%_. Leave Blank for full width.
 * **class** – Add a _custom class_ to the wrapping HTML element for further css
   customization.
 * **id** – Add a _custom id_ to the wrapping HTML element for further css customization.

# Join The 100,000+ Satisfied Avada Users!

[ BUY AVADA NOW!](http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion)