Whether or not you are a programmer,  you can certainly embed your website with a video for your prospects to see. This can be done using a markup language called HTML5.

Now if you don’t know what HTML5 is, don’t sweat! HTML5 is essentially a way for designing the layout for a webpage or website. Let’s dive into embedding a video.

 

 

 

  • Go to your source code or page editor. If you built a website using software development tools (ie. with a text editor, IDE, etc), you should be able to access an HTML file in which you want to embed your video. If you have a website that is built using an online editor such as Wix, Squarespace, or Wordpress, you should be able to find an editing feature that allows you embed a video. Consult with their documentation for details.

  • In the source code, go to the body tag. Basically, each HTML page has a <head> tag for specifying header files and title, and a <body> tag for specifying the look, feel, and layout for the user interface. Go into the location in which you want to include your video.

  • Include the following:
    <video width=”<dimension>” height=”<dimension>” controls>
    <source src=”<path to name of video file>” type=”video/<format>”
    </video>

    You can specify your dimensions in your video of interest. For example, if you want your video to be 400 pixels in width and 300 pixels in height, write:
    <video width=”400” height=”300” controls>

    For the file in which you include, actually enter the name and path of your video file.
    The “controls” field enables visitors to play, pause, and adjust volume. There are other options to this though. If you want the video to play immediately upon page visit, add “autoplay” like the following:

    <video width=”400” height=”300” controls autoplay>

    And finally in the type field, the format could be mp4, webm, or ogg.

  • Make sure your browser currently supports enabling video in your views. If not, consider upgrading them to the latest version. Firefox, Chrome, Safari, Internet Explorer, and Opera should be able to support embedded videos if you use them.

 

That’s it. The process for embedding a video may vary depending on the browser you use, the tools you used to build your webpage, and how you wish to display your video to visitors.


Good luck!