Responsive Video Embeds

[raw]

The [video] shortcode lets you insert a video embed that automatically resizes to fill its parent container. The idea is that you can add a video to a page and have it display correctly on all devices – desktop, tablet and mobile. Resize the window and watch as the video embeds below resize correctly. You can also click it to launch lightbox.

[spacer height=”1px”]

[spacer height=”24px”]

[spacer height=”40px”]
[divider]
[spacer height=”24px”]
[/raw]

[raw]

Get The Code

[spacer height=”4px”]

[codebox line_numbers=”true” remove_breaks=”true” lang=”html”]

[video src="http://youtu.be/Co0tTeuUVhU" width="300" height="200"]


[video src="http://vimeo.com/20148191" width="300" height="200"]
[/codebox]

[spacer height=”23px”]
[divider]

[spacer height=”24px”]
[/raw]
[raw]

Customization Options

[list]
[list_item]src – the URL of the video you want to embed[/list_item]
[list_item]width – the width and height will be used to maintain the aspect ratio of the video as it is resized[/list_item]
[list_item]height – the width and height will be used to maintain the aspect ratio of the video as it is resized[/list_item]
[list_item]autoresize – whether or not you want the responsive autoresize to run[/list_item]
[list_item]autoplay – whether to start playing the video as soon as the page is loaded[/list_item]
[/list]
[/raw]

21 Replies to “Responsive Video Embeds”

  1. Wow, fantastic weblog format! How long have you
    ever been blogging for? you made blogging glance easy.
    The whole glance of your site is wonderful, as neatly as the content material!
    You can see similar: najlepszy sklep
    and here sklep

  2. I do not even know how I ended up here, but I thought this post was great.
    I don’t know who you are but certainly you are going to a famous blogger if you aren’t
    already 😉 Cheers! I saw similar here: sklep and also here: ecommerce

  3. I’m really enjoying the design and layout of your site.

    It’s a very easy on the eyes which makes it much more enjoyable for me to
    come here and visit more often. Did you hire out a designer
    to create your theme? Outstanding work! I
    saw similar here: dobry sklep and also here: sklep online

  4. After checking out a number of the blog articles on your website, I honestly appreciate your technique of writing a blog.

    I book marked it to my bookmark webpage list and will be checking back soon. Please
    visit my web site as well and let me know what you think.
    I saw similar here: Sklep online

  5. Hello! Do you know if they make any plugins to help with Search Engine Optimization? I’m trying to
    get my blog to rank for some targeted keywords but I’m not
    seeing very good results. If you know of any please share.
    Kudos! You can read similar art here: Najlepszy sklep

  6. Good day! Do you know if they make any plugins to assist with SEO?
    I’m trying to get my blog to rank for some targeted keywords but I’m not seeing very good success.

    If you know of any please share. Thanks!
    You can read similar article here: Sklep internetowy

  7. Hi there! Do you know if they make any plugins to help with Search Engine Optimization? I’m trying to get my
    blog to rank for some targeted keywords but I’m not seeing very good
    success. If you know of any please share.
    Thank you! You can read similar art here: Sklep online

  8. Wow, awesome blog layout!
    How lengthy have you ever been blogging for? you make blogging
    look easy. The overall look of your website is fantastic, let alone the content!
    I read similar here prev
    next and it’s was wrote by Lissa61.

  9. Wow, fantastic weblog structure!

    How long have you ever been running a blog for?
    you make running a blog glance easy. The whole look of your website is magnificent, let alone the content material!
    You can read similar here prev next
    and that was wrote by Gianna99.

Leave a Reply

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