Showing hosted videos on your website
Posted by Steve Riley on 13 January 2016 05:24 PM
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.
Public or unlisted?
It's your decision whether you make your YouTube/Vimeo channel public or unlisted. A couple of examples:
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:
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.
Then Publish the page...
The published embedded video (this is the photograph example from Vimeo in the code above):
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:
And paste it into the http://embedresponsively.com/ window:
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.
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/
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.
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.