How to effectively use videos on your website

If a picture is worth a thousand words about your company, what does that say about a video that produces an average of 25 – 30 pictures a second? We will focus no on How to effectively use videos on your website.


Since the early days of marketing, videos and images has been used to paint a picture of what your business is about. This is also true about your website. Websites however, need to be fast. Uploading the videos to your site can take up a great amount of resources:

  • Website storage space – Computers that actually host the video
  • Bandwidth space – the transfer of data to the device that your customer is using.
  • Responsiveness – Does it show properly on  a mobile device, tablet, laptop or big screen TV
  • Page load times – the time it takes for the page to load is significantly increased by up to 100 times longer, thus losing viewers even before they see what you have to offer.

So what is the solution? How does the other websites do it? Simple they embed it.

What is embedding? – embedding is the process of using a 3rd party source and adding it to your page as if it looks like the same page. This is a common practice for Images, Sound, and video. The latest embedding is often referred to as iframe, Inline Frame / iframe is Html code which inserts one web page or feature into the middle of another. Chances are, you do not have the coding budget that YouTube or Vimeo has. They have learned to perfect the video display codes and still are making adjustments to improve. When you embed a video from a video website, you get all of their expertise and knowledge added to your website.

Here is a sample Embed Code:

<iframe src=”https://www.youtube.com/embed/p7OmSCKfk6A></iframe>



The Breakdown of the Code:

  • <iframe – The beginnig, thie part tells the web browser to add something to the page that is from another source
  • src= – This is the website in which the embedding is from
  • </iframe> – this tells the web browser that this is the end of the instruction code.
  • Height, Source Framing, Fullscreen, and start and end times can also be added in as well.
  • You however do not necessarily need to know this code as every video site offers an embed feature which will automatically calculate the code then allow you to copy and paste it into your web page.

The most common Third party sources to embed Video are:

Unless you have a specific reason not to, YouTube will work for most people plus it is very easy to use. Even after you have uploaded your videos, You can click on the embed tab and they will write the embed code for you based on the size you want the video. All you need to do is copy and paste it into your website. The additional advantage of using YouTube is that it is owned by Google, therefore if you optimize your video properly, potential clients may also find you through Youtube thus leading to your website.

Of course the market always changes and new features may change things in the future, but for now, YouTube should work fine.

 

If you have further questions or a need for us to optimize your images, please feel free to Contact Us.