Browsing articles tagged with "- Wordpress Design Shop"
May 18, 2012

How to Autoplay Vimeo Video in WordPress

Recently we had a client that wanted to embed autoplay vimeo video in wordpress. When we searched for the code to make the video work we found all kinds of directions on the internet followed by lots of forum posts saying; just do this and just do that. After which there were even more forum posts saying that none of the options work.

This left us scratching our heads and with no other choice but to go through the vimeo site and try to find answers to how an autoplay vimeo video can be inserted. After 15-20 minutes we came across a paragraph that explains the process in text only with no pictures and no how to video! Not the best directions for people who are visual, non-technical or not use to navigating around the vimeo website. So to help out anyone trying to do this very simple process in wordpress or on any other website we decided to write some very simple directions.

Here are step by step directions on how to autoplay vimeo video in wordpress

Embed a vimeo autoplay video in wordpress using the vimeo website.

  1. Lets start by going to vimeo.com and selecting any old video to start.
  2. Here is the video we used for the example. http://vimeo.com/41261299
  3. Next when the page opens you will see a video on the page. On the right you will see a button that says share.
    vimeo autoplay in wordpress
  4. Click on the share button and you will then see the following page.
    vimeo autoplay
  5. Next on the bottom of the video on the right you will see text that says customize embed options. You will want to click on this link which will bring up the following additional embed vimeo video options.
    autoplay vimeo videos
  6. Now on the bottom right you will see the autoplay and looping options you are looking for. Just check the options you want and changes to the vimeo video embed code will be made in the top right box which will now look like this.

    <iframe src="http://player.vimeo.com/video/41261299?autoplay=1" width="500" height="281" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>

  7. Copy the code in the box and paste into your wordpress page using the html option and you are good to go.
  8. You are now done.

If you want to Autoplay Vimeo Videos in WordPress that you already have on your site all you need to do is add the following after the url in the embed code.

<iframe src="http://player.vimeo.com/video/41261299?autoplay=1" width="500" height="281" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>

If you have any questions or are still confused about how to autoplay vimeo video in wordpress feel free to give us a call or email us using the wordpress design shop contact form.

Wordpress Theme Design Experts

High Quality Websites Starting at $499!

Save over 60% with WordPress Design Shop, call to see how much you can save.

Find us on Google+