How to Embed Your Vine Videos into Posts

If you’re anything like me, and you’re taking fun, stop-motion videos using the new Vine app, you’re probably reeeeally wanting to share these videos online and embed them into posts. It’s really a lot easier than you might think, actually.

Step 1: If you’ve shared the Vine video with Twitter or Facebook, you’ll see a clickable link that will lead you to a web version of your video, like this:

vine link

Step 2: Copy that link and paste it into the red area in the following iframe code below, adding the green area to the end of the link:

<iframe src=”http://vine.co/v/bnbO1QXLWhr/card” frameborder=”0″ width=”630” height=”630“></iframe>

Step 3: Change the blue numbers above to whatever width you’d like for your post (making sure you keep both numbers the same, as the video is a perfect square) and BOOM! Instant Vine video addition to your blog post! It’s really that simple!

What do you think? Do you love the Vine app so far? What kinds of videos have you come up with? I love experimenting! Are we following one another yet?

Signature