Vine is a new social mobile app that was recently launched by Twitter.  It lets you create a 6 second looping video and share on the Vine social network, Twitter and Facebook. Think of it like Instagram for video.

Below are three easy ways to embed Vine videos on your WordPress blog or site.

Twitter Link

If you shared the video on Twitter, you can simply copy and paste the tweet link and embed both the Tweet and Vine video in your post.

Go to your Twitter feed and expand the tweet with the Vine video you’d like to embed.

Expand-the-tweet

Copy the Tweet link in the browser window

Select-the-tweet-link

 

add-tweet-link

 

 

Embed Vine video

The second way is to use the Vine embed code.

First, go the Vine video you want to embed in your Vine app and select the share icon.

share-icon

Then select “Share this post”

share-this-post

 

Select the embed option

embed

 

An email window will open. Email the link. 

email-embed

 

 

Go to the Vine video link. Select your options. Below is an example of the Simple format

go-to-the-vine-line

 

You can also select the Postcard format

embed-postacrd-format

WordPress Plugin

The third option is to use the Artiss Vine Embed WordPress plugin. Simply install the plugin, use the shortcode provided and add it to your post.

Right now the only drawback is that the embeds use <iframes> which are not responsive. The videos will play just fine on mobile, but if the embed size is wider than the browser it’s being viewed on it will hang off the page.

It looks like the Artiss plugin will have responsive features coming in future versions. Below is the vine video embed:

 

About Nancy Nardi

Founder of HiFi Social Web, Co-Founder of Seniors Ignite, website maker and entrepreneur. I help photographers and entrepreneurs leverage the power of the web with WordPress.