Add a Video to Your Website
Before you begin adding video to your website it’s important to understand the differences of video hosting.
Example of hosting video on the Vimeo hosting platform. As your visitors complete watching this video they will NOT be targeted with competing videos offering similar services nor unwanted noisy advertisements.
Example of hosting video on the “free” YouTube hosting platform. As this video completes your visitors face unwanted advertisements. Worst yet the followup suggested videos often target related / competing videos which could quickly lead your visitors to other services away from yours.
Hosting video on your own website, self-hosted. What could possibly go wrong?
- Slow-Loading or Freezing Video: Your video may be slow or freeze up while visitors try and watch it because your web hosting provider is not geared to handle streaming content.
- Server Bandwidth: Your video’s will consume a lot of your website’s data traffic allotment. Your web hosting provider may charge for the additional server bandwidth used when streaming video from your site.
- File Size Limits and Storage Space: Most hosting providers limit the maximum size of file uploads, large media files may violate the terms of Acceptable Use Policy.
- Loss of Visibility and Traffic: Your website does not have the exposure of shared video platforms such as Vimeo or YouTube. Such platforms allow for your video to also be shared from FaceBook, Twitter, etc.
- Piracy: Your video content can be downloaded by individuals or organizations not aligned with your services who can then redistribute it illegally on file sharing sites.
How to embed video from a shared video hosting platform on to your website.
If you choose a video sharing site its important to get the embed code (the HTML code) for the video you upload, and insert it into your web page. Here’s some simple steps for embedding the HTML code.
The advantage of hosting your video on a video sharing site is that you don’t have to foot the bill for the bandwidth for that video. Since video’s consume a lot of your website’s data traffic allotment, it is a significant factor in its favor.
Steps to add a video on a Webpage :
- Upload the video that you want to embed on your webpage to your video hosting service.
- Copy the video id of the video and its link.
- Use iframe, object or ’embed’ element in your web page.
- Use the src attribute to point to the URL of the video.
- The player viewing size can be adjusted using the width and height attributes of the iframe. See the code below.
Adding Youtube video with iframe:
<iframe height="320" width="480"
src="https://www.youtube.com/embed/KRVypz4K9IA?autoplay=0&showinfo=0&rel=0&modestbranding=1&autohide=1">
</iframe> Adding Vimeo video with iframe :
The same general procedure applies for Vimeo Video’s. You need the link to the video source for the iframe src parameter. Just as with YouTube embedded videos, the “width=” and “height=” parameters and values determine the size of the embedded video when the page loads. Regardless of these parameters, the user can still view the video full screen if they choose.
Adding Vimeo video with WordPress :
In the Vimeo video example below rather than choosing an iframe to add the video to the webpage we’ve chosen a default WordPress plugin feature to embed the video. This was an easy choice since the hosting service provides WordPress. This also provides a very elegant and simple way of embedding the video.
Insight Services thanks you for visiting.