How to effectively use videos on your website?

Jan 5, 2021website fundamentals0 comments

use videos on your website, dbuggers, team dbuggers, blog, WordPress Tips

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 in 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. 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 its strength to your website.

Here is a sample Embed Code:

<iframe src=”></iframe>

The Breakdown of the Code:

  • <iframe – The beginning, this 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 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 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 a need for us to optimize your images, please feel free to Contact Us.


Latest News

Website Legal Requirements Policies

Website Legal Requirements Policies

Website legal requirements and policies are like eating your vegetables. You know they’re good for you, but you don’t always enjoy them.  Because let’s face it, even lawyers can find legal research a little boring. Therefore, we have put this guide together to help...


Submit a Comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Pin It on Pinterest