August 21, 2014

You Can Now Embed Vine Videos on Your WordPress Site

If you use Vine and have a WordPress.com 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 WordPress.com 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 WordPress.com 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:

“https://vine.co/v/hBFxTlV36Tg” 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 - Staff Writer


Joshua Sophy Joshua Sophy is a staff writer for Small Business Trends, covering technology and business news. He is a journalist and editor with 15 years experience in media. A former newspaper reporter and editor, Joshua also serves as President of the Board of Directors of a curling club and is editor of a regional newsletter focused on the sport of curling in the Eastern U.S.

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 vinalwidget.com

Leave a Reply

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

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>



Who influences you? Nominate for the 2014 Small Business Influencer Awards.