How to effectively use videos on your website? Really? 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 on how to effectively use videos on your website.
Since the early days of marketing, videos and images have 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 number 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. Long load times lose viewers. Even before they see what you have to offer.
Click here if you are looking for tips on Video and Images on Social Media.
Click Here if you want information on types of Video Formats.
Click here if you are looking for information on image optimization.
So what is the solution? How do the other websites use videos on your website?
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 referred to as iframe. An inline Frame/iframe is an Html code that 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. There is another advantage to embedding from a video website. You get all of their expertise and knowledge. This adds strength to your website.
Here is a sample Embed Code:
The Breakdown of the Code:
- <iframe – In the beginning, this part tells the web browser to add something to the page that is from another source
- src= – This is the website on 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 are built into the code.
- You, however, do not necessarily need to know this code as every video site offers an embed feature that will automatically calculate the code and then allow you to copy and paste it into your web page.
The most common Third-party sources to use videos on your website 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 YouTube is that it is owned by Google. Therefore if you optimize your video properly, potential clients may also find you through Youtube.
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 please comment below or if a need us to optimize your images, please feel free to Contact Us.