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.”

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: Twitter, WordPress 6 Comments ▼

---