Vine videos are rage over the internet. Vine service supported by Twitter allows you to create short videos of upto 6 seconds. You can share these videos on Twitter and Facebook websites. Similarly bloggers can easily embed, display and share Vine videos on their WordPress blogs. There are number of ways to embed and show Vine videos on WordPress websites.
1. Only show Vine video on WordPress blog
Goto WordPress dashboard, click ‘add new post’ to start with new post article. Click on Text button to switch post editor to text only mode and then paste the following code:
<iframe src="http://vine.co/v/b1Mbu3EDtI5/card" height="400" width="400" frameborder="0"></iframe>
In the above code, you can modify Vine video URL (vine.co/v/b1hUq3V5iIY) and height – width settings as per requirement.
2. Embed Tweet that has Vine video attachment
Just goto ‘Text’ mode of the post editor and then paste the URL of the Tweet containing Vine video as attachment. For example, paste following:
Above will show box containing tweet message and then attached Vine video. This will not work, if you have disabled auto embeds on the WordPress (by default auto embed feature is enabled in WordPress).
3. Using embed code for a Tweet with Vine video
Just open Tweet message with the Vine video, for example like this and then click on More button. Then click Embed Tweet option and copy the displayed code.
Paste that code in your WordPress blog post while using editor in ‘text’ only mode. This will display whole tweet message along with Vine video in a neat wrapper box.
Video: Using embed code to show Vine videos
Preview of Vine video embed here
BasicWP website vine.co/v/b1Mbu3EDtI5
— BasicWP (@BasicWP) February 1, 2013