How To Embed A Vine Video On A WordPress.com Blog Right From Your iPhone

Not heard about the social network Vine yet?

20130216-054148.jpg

Seriously its something you are gonna love and my guess is its set to be the next big social sharing platform. So… Let me enlighten you.

Twitter the social network we all know and love has launched the new Vine app, a social network that lets you create and share short 6 second looping videos. Yes, 6 seconds! Just like twitter with its 140 character rule, Vine gives you 6 seconds to get the message out there!

I’m loving it, the possibilities are endless. Vine offers brilliant ways to share all life has on offer from a babies first steps, a new theme park ride or even a super quick how too video!

Admittedly that sounds crazy doesn’t it. But its possible and its down to the way Vine allows you to create the clip. A Vine is a video thats made up with a number of images. During the recording of your Vine you can pause, change the scene then restart. you can do this countless times to make your vine. This combined with the continuous looping of your Vine video brings about a really creative result.

So if Vine videos are so great bloggers like me are going to want to add them to their blog posts! I’m already planning to add a number of Vine How Too videos to replace the images planed for a couple of my up coming craft. tutorials! But how do we embed them in a blog post and more importantly can we add them if we blog on a wordpress.com blog!

Well I’ll answer the latter question first! Yes, Vine videos can be added to a wordpress.com blog post and you don’t even need to be on your desk top to do so. I’m able to add my Vine clips directly from my iphone.

Look here’s the proof

(I know the cats obsessed by the string)!

So just how did I get my Vine onto my WordPress.com blog post?

You will notice when you make a Vine on your iPhone that the app only offers you the option to either share your vine of Facebook or Twitter. Vines cannot be saved to your iPhone photo libary or added directly to Youtube.

So… Opt to share your Vine on twitter than close the Vine app and instead of opening your twitter app google your twitter account instead.

20130216-054321.jpg

Twitter will then open in the mobile version (don’t worry there is no need to use the desktop version for this)! You may notice that if you have the twitter app installed on your device it offers you the option to open twitter in your app. Just click the X button to take that of the screen.

20130216-054422.jpg

Now access your tweets via the ‘Me’ tab and your vine will be your last tweet. Click on the tweet and you will notice your vine is embedded into your tweet so it can be viewed directly from twitter. Now go to the URL address next to your google search tab in safari and copy the entire link.

20130216-054511.jpg

20130216-054610.jpg

Now open your wordpress app and opt to create a blog post. Now simply paste the URL directly into the template where you write your post. You will now notice the URL contains the word “mobile” followed by a “full-stop) after the “http” and before the word “Twitter” simply delete both the word “Mobile” and the “full-stop”.

20130216-054642.jpg

20130216-054926.jpg

20130216-055005.jpg

20130216-055043.jpg

Now save blog post as a draft and then open a preview of your post… You should then see something that looks like this…

Your tweet as it appears on twitter with the embedded Vine fully attached.

Another way to add it to WordPress.com is to access your Vine video via its URL on a desktop computer. Right click and save video to your computer. Then simply upload to youtube and then add your Vine as a youtube video embed to your blog post as you normally would. This Is a good option for those who would rather not have the additional attached tweet on display.

So I hope this helps you embed your Vines onto your WordPress.com blog posts.

Vine is not yet available on Andriod devices but is already available free of charge on the iTunes App Store to download now.

Have fun.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s