How Can You Embed Vine Videos to Your Website
Are you tired of still pictures or some animated GIFs on your website or blog? Do you want to display vine video on your website or blog? Then this article will be your perfect solution. Embedding the six-second vine video to your website or blog can greatly improve the look and feel of your website or blog. In this article, we will describe step by step procedure on how to embed the six-second vine video to your website or blog.
Please note that all the steps described in this article may slightly vary depending on your phone's platform, your desktop platform and your web browser. But the concept is same and can be donealmost in the same steps.
You can embed a vine video using the following two methods.Here we will discuss both of them.
Step 1 Login to Vine
Visit the official website of Vine – https://www.vine.co and click on the login button at the upper-right side of the screen.
You can Sign into using your existing Twitter account or by using a valid Email address.
Step 2 Go to your home feed
After successfully logging into vine, click on the Home Feed icon at the upper-left corner of the page.
Here you can find the six-second vine video of yours that you have created and posted using the vine app.
Step 3 Get the code
Place your mouse curser at the three vertical dots located over your vine video.
Select Embed from the list. A new page will appear like below
From the left side of the page you can change the settings of your embedded vine video. You can select two different stylesSimple or Postcard. You can also change the dimension of your video and set the Autoplay audio option to On or Off. Now, copy the code and paste it into your website or blog.
This method is tested on Samsung Galaxy Neo for your reference.
Step 1 Firing up the Vine app
Open up the vine app on your mobile phone and create a vine video.
Step 2 Sharing the video
Click on the Share button.
Share the video on Facebook or Twitter. For this article we will consider Facebook.
Step 3 Log into Facebook
Now, open Facebook and go to your Timeline. You will find the vine video you shared at step 2 there. Now click on the video or the description of the video to view it. You might see something like below
Step 4 Get the code
Place your mouse curser on the share button (three dots) and select embed as below. You can also do this by clicking on the Embed icon at the left side of the page.
A new page will open and from the left side of that page you can change the settings of your embedded vine video. You can select two different styles Simple or Postcard. You can also change the dimension of your video and set the Autoplay audio option to On or Off. Now, copy the code and paste it into your website or blog.
In this article we have discussed how to embed the six-second vine video to any website or blog. You can find that it is very easy and simple to embed a vine video to website or blog.