[contact-form-7 id="24078" title="Feedback EN"]

How to embed video into HTML page

This tutorial shows how to embed video into HTML page.

How to embed video into HTML page

YouTube video

  1. Open video on YouTube, right-click on video and select Get video URL. Copy this code.

    How to embed video into HTML page-1

  2. Paste the code that you have copied in the previous step into desired location of .html file and save the changes you have made to .html file.

    How to embed video into HTML page-2

  3. Refresh the page and check how your site looks.

    How to embed video into HTML page-3

Vimeo video

  1. Open video in Vimeo. Click on share icon. You may click on Show options link in order to adjust the layout. Copy the code under Embed field.

    How to embed video into HTML page-4

  2. Paste the code that you have copied in the previous step into desired location of .html file and save the changes you have made to .html file.

    How to embed video into HTML page-5

  3. Refresh the page and check how your site looks.

    How to embed video into HTML page-6

WEB player

  1. Now we are going to add video using a web player. We will add the code that you can check below. Code source src="video1.mp4"defines path to video file, type="video/mp4" defines type of file. You can find more information regarding video tag there.

    <video width="320" height="240" controls>
    <source src="video1.mp4" type="video/mp4">
    Your browser does not support the video tag.
    </video> 
  2. Paste the code that you have copied in the previous step into desired location of .html file and save changes you have made to .html file.

    How to embed video into HTML page-7

  3. Refresh the page and check how your site looks.

    How to embed video into HTML page-8

Feel free to check the detailed video tutorial below:

How to embed video into HTML page

How to embed video into HTML page, 4.5 out of 5 based on 2 ratings