Categories

Featured templates

How to embed video into HTML page

Ryan DeWitt July 1, 2014
Rating: 4.1. From 11 votes.
Please wait...

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
This entry was posted in Working with HTML and tagged embed, HTML, player, video. Bookmark the permalink.

Submit a ticket

If you are still unable to find a sufficient tutorial regarding your issue please use the following link to submit a request to our technical support team. We'll provide you with our help and assistance within next 24 hours: Submit a ticket