You Can Now Embed Vine Videos on Your WordPress Site

If you use Vine and have a blog for building your brand, you can now embed vine videos easily on your blog or other WordPress site. In fact, doing so takes less actual code than embedding a YouTube Video or even a Twitter post.

In a recent post on the official blog, company “Story Wrangler” Cheri Lucas Rowlands explained the process briefly:

You know all those Vine masterpieces you’ve recorded with your mobile phone — six seconds of time, looping over and over, immortalized on your little screen? Now, you can embed these videos on your site, using a URL or shortcode.

Just a URL and a Bit of Shortcode

To embed Vine videos onto WordPress, you’ll first need the URL of your video. If you’ve posted your clip to Twitter or Facebook, this code appears at the end of the text in your post (as pictured in the third image below). It will always begin with “https.”

embed vine videos

To get the URL from your Vine account, the process is a bit different. First, click on the three dots in the bottom right hand corner of your post (pictured in the first image above). A screen will come up with some choices. Pick the “Share this post” selection (as pictured in the second image above) and then “Embed.” (OK, this part is a bit like Twitter.)

Finally, to display your Vine clip as a looping video rather than a video embedded in a player like a YouTube clip, you’ll want to copy just the URL minus the “/embed” shortcode on the embed page. Place that in a single line in the HTML of your page where you want it to appear.

You can select the size of the video clip with a bit more shortcode. Minimum size for your clip is 300 by 300 pixels, the default if you add no extra shortcode. Or add a larger size using shortcode that would look like this:

“” width=400 height=400″

Keep in mind all Vine clips are square. If you choose different dimensions for the height and width of a clip, it will simply display using the smallest of the two sizes.

Select Simple or Postcard Format

Finally, you can use clips shared on your website to promote your brand on Vine. Insert the URL with the shortcode type=”postcard” after your URL. The result is a postcard-like frame around the clip displaying your Vine profile.

Opting with the shortcode type=”simple” creates a clip without a frame. Still, moving the cursor over the video will reveal your Vine account information with a thumbnail in the lower left corner of the screen.

More in: , 6 Comments ▼

Joshua Sophy Joshua Sophy is the Editor for Small Business Trends and the Head of Content Partnerships. A journalist with 20 years of experience in traditional and online media, he is a member of the Society of Professional Journalists. He founded his own local newspaper, the Pottsville Free Press, covering his hometown.

6 Reactions
  1. This is certainly a great opportunity that WordPress has provided thinking about how much excited bloggers really have been to embed their own or someone’s vine videos to their blog. It’s surely going to work as another marketing strategy now and hopefully users will be more engaging. Users have waited for this for so long, now it’s time to check in. Good Luck…

  2. There’s a website that allows you to display the latest Vine post on your website like a gallery automatically using an iframe code. Here it is