Media

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

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

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!

131 comments

  1. Heya are using WordPress for your site platform? I’m new to the blog world but I’m trying to
    get started and set up my own. Do you need any
    coding expertise to make your own blog? Any help
    would be really appreciated!

  2. I’m not sure why but this site is loading very slow for
    me. Is anyone else having this problem or is it a issue
    on my end? I’ll check back later and see if the problem still exists.

  3. Thank you a lot for sharing this, Tatiana,
    with all people you actually recognise what you are speaking
    approximately! Bookmarked. Please also discuss with my site
    =). We could have a link exchange arrangement between us

  4. Heya i am for the first time here. I came across this board and I
    find It really useful & it helped me out much. I hope to give
    something back and aid others like you helped me.

  5. [url=https://ljcialishe.com/]how quickly does cialis work[/url] [url=https://cialisvja.com/]cialis online without pres[/url] [url=https://viagraonlinejc.com/]viagra ad[/url] [url=https://viagratx.com/]viagra connect usa[/url] [url=https://buycialisxz.com/]generic cialis india[/url]

  6. hi!,I like your writing so so much! percentage we keep in touch extra approximately your post on AOL?
    I need an expert in this house to resolve my problem.
    May be that is you! Looking ahead to peer you.
    Thank you for taking the time to create this post.
    Very inspiring.

  7. Atomy is an excellent firm which I very advise! They use top notch
    all-natural items that are high in demand, authorized by several health
    companies, and are really effective compared to those in your local shops.
    As well as if you need to make even more revenue,
    you can start your very own organization with Atomy absolutely
    free with a $0 financial investment just by referring people which can get you
    compensations on their acquisitions as well as additionally on individuals they refer!
    upto unrestricted degrees!. So, to buy Atomy’s items or start
    your very own service, just search “AtomyBenefits” on Google and also click the initial
    website that comes up.

  8. Hello! I know this is somewhat off topic but I was wondering which blog
    platform are you using for this site? I’m getting tired of WordPress because
    I’ve had problems with hackers and I’m looking at alternatives for another platform.

    I would be awesome if you could point me in the direction of a good platform.

  9. [url=https://kloviagrli.com/]como funciona el viagra[/url] [url=https://vigedon.com/]normal dose of viagra[/url] [url=https://llecialisjaw.com/]stendra vs cialis[/url] [url=https://jwcialislrt.com/]how long does cialis work[/url] [url=https://jecialisbn.com/]is there a generic cialis[/url]

  10. Thank you, I’ve just been looking for info about
    this topic for a while and yours is the best I’ve found out till now.

    However, what concerning the conclusion? Are you sure about the source?

    0mniartist asmr

  11. Wow, amazing weblog structure! How long have you ever been blogging for?
    you make blogging glance easy. The overall look of your website is fantastic, as well as the content!

    0mniartist asmr

  12. This design is spectacular! You most certainly know how to keep a reader entertained.
    Between your wit and your videos, I was almost moved to start my own blog (well, almost…HaHa!) Fantastic job.
    I really enjoyed what you had to say, and more than that, how you presented it.
    Too cool!

  13. scoliosis
    Thank you for any other informative site. The place else may I am getting that kind of info written in such a
    perfect means? I’ve a undertaking that I am simply now working on, and I’ve been at the glance out for such information. scoliosis

  14. Whether or not you’re one who invests a significant amount of time in video games like Animal Crossing or Fortnite, it never hurts to wind down by playing simpler games online. Being more beginner-friendly and accessible through any computer or mobile device, browser games can be used to pass the time or sometimes for bonding with friends virtually, especially during times of self-isolation. From shooting-based to online community-focused selections, we’ve put together a list of games you can try out when you’re bored. https://africanrubiz.org/rizing/community/profile/chauelwell7860/ If you have a game in mind for your child, do some digging about it to see what others think about the game and potential things you should watch out for. There are a number of sites like AskAboutGames that offer parents’ insights on games and other types of media to help you make a decision. The Nashville Predators will meet the Carolina Hurricanes in Game 2 of their best-of-seven Stanley Cup Playoffs from PNC Arena on Wednesday (…) Back when asymmetrical multiplayer games were all the rage (remember Evolve?), a smart developer wondered: what if we recreated classic slasher films, with a team of defenseless teens and one, unstoppable killer? The result is Dead by Daylight, which is basically Friday the 13th: The Game (if, you know, that wasn’t also its own game already). But where Friday the 13th focuses solely on Jason Voorhees, Dead by Daylight has a wide variety of murderers, ranging from original creations to familiar foes such as Michael Myers, Freddy Krueger, and the Jigsaw Killer. Not for the faint of heart, this one.

  15. [url=http://dbpills.com/]drug metformin[/url] [url=http://onlinemediorder.com/]modafinil india over the counter[/url] [url=http://phdtabs.com/]can i buy propecia over the counter[/url] [url=http://tadalafilxt.com/]tadalafil tablets 20 mg price in india[/url] [url=http://viagraxbuy.com/]canadian drug pharmacy viagra[/url] [url=http://xrpills.com/]accutane australia buy[/url] [url=http://buysildenafilpills.com/]sildenafil 100 mg tablet cost[/url] [url=http://wplasix.com/]buying lasix without a prescription us[/url] [url=http://ivermectinzt.com/]stromectol otc[/url] [url=http://viagraiix.com/]viagra capsules[/url]

Leave a comment

Your email address will not be published. Required fields are marked *

*

code