Video Widget

Last Updated on

Video widget allows you to display a video from popular video sharing websites such as Youtube, Vimeo, Dailymotion, Viddler in a widget area / sidebar.

In this article, we explain about uploading a video to a video sharing website, getting ID of a video and displaying a video by a Video widget in Jupiter WordPress theme.

Video widget - front end

In this article


Uploading a Video

For using Video widget, at first you need to upload your video to one of the mentioned video sharing websites then display it in your website. If you are not familiar with the upload process, read following articles.

x
Note: In Video widget, you can not use video from your own server and they need to be uploaded in video sharing websites.

Finding ID of a Video

After uploading a video, we need to find ID of a video to use it in the Video widget.

To get ID of a video:

1
Go to your video page and check the URL to find the ID.
2
The place of ID is different according to the video sharing websites. Check the following examples and screenshots to see the place of video ID for each of video sharing websites.

YouTube: Copy the string after

This content is blocked. Accept cookies to view the content.

Video widget - youtube ID

Vimeo: Copy the string after

This content is blocked. Accept cookies to view the content.

Video widget - vimeo ID

Dailymotion: Copy the string after http://dailymotion.com/video/…

Video widget - dailymotion ID

Viddler: Copy the string after http://www.viddler.com/v/…

Video widget - viddler ID


Displaying the Video

After finding the ID of a video, you need to add JP – Video widget to a widget area / sidebar then configure its settings.

To add the widget:

1
From WordPress left menu, go to Appearance > Widgets page.

Video widget - widget menu

2
In Widgets page, locate JP – Video widget in Available Widgets column then drag and drop it in a widget area. In this example, we choose Page Widget Area.

Video widget - widgets page

3
Fill out the settings form with necessary information then click on Save button.
Setting Description
Title Displays a title at the top of the widget. If empty, it shows nothing at the top of the video.
Type Select the video sharing website to which you have uploaded your video (YouTube, Vimeo, Dailymotion and Viddler).
Clip ID Defines the ID of the video.
Width Defines the video width. There is no need to add the px in the setting field.
x
Note: The widget is ready. Now you need to add Page Widget Area widget area / sidebar to a page so you can see the widget. If you are not familiar with adding a widget area / sidebar to a page, read Adding a sidebar article.

 

Was this helpful?
Previous Article:
Next Article:

Can't find what you're looking for?

Open New Ticket