Knowledgebase
Showing hosted videos on your website
Posted by Steve Riley on 13 January 2016 05:24 PM

Hosting videos

Single videos

Hosting single videos can be done quite quickly.
 
Use an external host to store your videos - like YouTube or Vimeo - and display them in a container on your own site. That way you get the benefit and keep hold of the visitors ...but without burning through all of your bandwidth (and impacting costs!). If you hosted videos yourself on our server it would increase your bandwidth charges.
 
Links: 

Public or unlisted?

It's your decision whether you make your YouTube/Vimeo channel public or unlisted. A couple of examples:
  1. Internally we might use a video 'Unlisted' for a short instructional clip only interesting to one person. We share the URL with the recipient and nobody would stumble across the clip by searching
  2. Public videos can be a useful marketing channel that can give you visibility and traffic

Embedding videos

You could do it yourself by grabbing the share code from Vimeo - it's all accessible - and this would work well for a video or two.
Click the Share button for the video you want:
 
Share from Vimeo    Share from Youtube
Sharing buttons in Vimeo and YouTube
 
 
You'll then see a popup window with Share Code. This one is from Vimeo: 
 
 
Copy this code and paste it into the FXRecruiter CMS.
 
Do this in the Source view of FXRecruiter.
 
Paste Youtube source code
 
Then Publish the page...
 
Publish button

The published embedded video (this is the photograph example from Vimeo in the code above):
 
Embedded video on the web page

Option: being considerate to mobile users

To be sure of catering for users on smaller mobile displays you can pass the embed URL through http://embedresponsively.com/

This creates a responsive embed code for your YouTube or Vimeo content. Responsive means that the display adapts to the size of the device, so will work well on any SmartPhone.

To do this skip the Share and Embed steps above.

Then simply copy the URL of your video from the browser address bar:

Grab the video URL

And paste it into the http://embedresponsively.com/ window:

Create the embed code

Click Embed to generate the code you need.

Then copy the generated embed code from http://embedresponsively.com/ 

 

...and Paste into your FXRecruiter page, being sure to use the Source Code view in the editor.

How big?

It's hard to give a definitive answer - there's a trade off between quality and file size - the better the quality, the bigger the file. You can adjust the compression and get a better file size, but whether it's 'good enough' is a judgment call. Around 20MB is probably big enough. This is quite a useful guidance note: https://www.sitepoint.com/10-guidelines-better-website-background-videos/

Worth noting if there are any issues showing the video, if the video is hosted elsewhere it won't hamper the site performance -- only the video streaming performance itself.

Autoplay

The browser itself controls the auto-play of any video - the browser is likely to force the end use to 'play' rather than it doing so automatically. The site doesn't do that, it's down to the end user browser, which is only considerate for any video with sound which could be intrusive.

Need help?

If this seems too technical, we could do this as a Support Request for an hour or two's work. You can add video to either a regular page or a News/Blog page (eg from a WordPress blog if your site uses one).
 
You can add descriptive text before or after a video just as you would for any other regular CMS page.

Hosting a video gallery

If you wanted to do something slightly cleverer like build up a video gallery of a number of videos, we'd do that as a paid change request and work with you to design to your requirements.
 
(0 vote(s))
This article was helpful
This article was not helpful

Comments (0)
Reverse Delta Main Site

Help Desk Software by Kayako Resolve