How To Embed a Vine Video On Your Website

  • MORE

Embedded Vine Video

If sharing pictures and animated GIFs on your website or blog just isn't enough, it may be time to start embedding your own Vine videos. These six-second video clips, created from the new iOS app Vine, can support both video and audio content and bring a new level of personality to your website. Even though you'll need an iOS device to create these very social videos, anyone can view the clips, regardless of their device or platform.

1. Create a new Vine video and post it to your feed.

Post Vine Video

2. Tap the ellipses icon below the Vine video you want to embed.

Vine Share Button

3. Click Share This Post from the popup menu.

Vine Sharing Options

4. Click Embed. If there is no embed option, you'll need to share to Twitter first.

Vine Share Type

5. Type your email address in the To: field of the automatically generated email.

Vine Embed Email

6. Open the email and click the enclosed link to get instructions to embed your Vine video.

Vine Email Embed Code Link

7. Choose the style and size settings for the video you're embedding.

Vine Embed Settings

8. Copy the automatically generated HTML code and paste it on your website or blog.

Vine HTML Embed Code


Note: Embedded Vine videos require iFrame support to display properly.

Recommended by Outbrain
Author Bio
Dann Berg,
<em>Follow Dann Berg on <a href="">Twitter</a> ,<a href="">Google+</a>. or at <a href="">Novice No Longer</a>. <b> Follow LAPTOPMAG on <a href="">Twitter</a>, <a href="">Google+</a> or <a href="">Facebook</a>.</em>
Dann Berg, on
Add a comment
Back to top