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


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.


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:

1Go to your video page and check the URL to find the ID.
2The 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 https://youtube.com/watch?v=…

Video widget - youtube ID

Vimeo: Copy the string after https://vimeo.com/…

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:

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

Video widget - widget menu

2In 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

3Fill out the settings form with necessary information then click on Save button.
Setting Description

TitleDisplays a title at the top of the widget. If empty, it shows nothing at the top of the video.
TypeSelect the video sharing website to which you have uploaded your video (YouTube, Vimeo, Dailymotion and Viddler).
Clip IDDefines the ID of the video.
WidthDefines the video width. There is no need to add the px in the setting field.