Support Center

How To Display Your Videos From YouTube, Vimeo And Jing

Last Updated: Oct 29, 2012 11:18AM AEDT

The following article explains how you can use your own videos from either: YouTube, Vimeo or Jing, inside the Video User Manuals Plugin. It's quite simple. Just follow these steps:
 

Getting Started - Custom Videos

  • Login into your site, and click on the Manual Options menu page in the Manual section.
  • Then click on custom Videos
  • Choose how many custom videos you want to add using the dropdown box. The maximum is 20. If set it 0, it will remove all custom videos. You can add more at a later date if you want.
  • Before you start to enter the Video information, you can make a some modifications to how the videos will appear:
  • Title: This is the title that will appear above your videos. The default is "Introduction Videos", but you could name it specifically for the client eg. "Mary's Introduction Videos". It is up to you.
  • Popup Window Heigh & Popup Window Width:  This is the size of the popup window video that will appear. 900 x 660 is default size of our videos. Any changes to these sizes will only effect your videos.


Adding A Video

After you have selected the number of videos from the dropdown, you will see a title called Video 1, with a number of input boxes:
 

  • Your Video Name:  This is the title of the video that will appear below the video thumbnail
  • Location of the Video: NEW - If you want to add a video to an existing section, you can by using this dropdown. For example you could add your own video to the Pages section.
  • Use Embed Code: If you want to use YouTube or Vimeo, select Yes, otherwise leave it as No.
  • Small Video Thumbnail: To keep the videos looking consistant, you need to provide a image that is 240px by 150px. This will be the thumbnail of the image. We highly recommend you host the image on one of your servers, and put the full URL in as the value eg. http://www.example.com/thumbs/video1.jpg . This way you can use this as part of your master profile if you wish. We also highly recommend you use our Thumbnail Template PSD file, so the thumbnails will look professional and consistant.
  • Video URL: Provide the full url of the video file you want to add. It must be the absolute URL, not relative.
  • Description of Video: This is an optional description, which will appear as ALT text when the use puts their mouse over the video thumbnail
  • Large Thumbnail Image: This is the large image that will appear as the placeholder before the image starts. Again, please provide the full url and make sure the size is consistant with the size of the video


Using Your Own Video & Jing Videos

Our video player will play many different types of videos: .mov, .mp4 .m4v etc. It will not play .swf files.

If you are using a Jing video, make sure that you save the video as mp4.




Host the video on one of your servers, or the website you are currently using, and provide the absolute URL path to the video, in the Video URL input area.


YouTube or Vimeo


If you want to use YouTube of Vimeo, we have made this really easy. Start by setting the Use Embed Code to Yes:




YouTube

  • Click on the share button.
  • Then click on embed button.
  • Then copy the old embed code

  • Copy this into the Custom Embed Code
  • You will also need to provide a Small Video Thumbnail for the video

Vimeo

  • Click on the share button.
  • Before Copying the embed code and proceed to the Manual Option you have to make sure that you click on "Use old embed code". 



  • Copy this into the Custom Embed Code
  • You will also need to provide a Small Video Thumbnail for the video

Once you are happy with the changes you have made, click the save button. Your videos will appear on the video page now.

Contact Us

support@videousermanuals.com
https://cdn.desk.com/
false
VUM on Twitter
Loading
seconds ago
a minute ago
minutes ago
an hour ago
hours ago
a day ago
days ago
about
false
Invalid characters found
/customer/en/portal/articles/autocomplete