How to add an HTML video using the Insert to page method

You can use the EasyHTML5Video application to easily insert a HTML video into your website. There is a simple method called ‘Insert to page’ which requires no coding knowledge at all, and allows you to just point and click where you want your video to appear. EasyHTML5Video does all the heavy lifting for you!

1. Start by opening EasyHTML5Video application.

2. Click on “select new video”

Click on select new video and browse to the video you want to use on your website. An alternative is to drag and drop the video you want to use on your website into the application main window.

3. Set the options you want for your video

The window that appears will show the main video in the center. Below the video are a strip of frames from the video, any one of which you can use as the ‘poster’ or preview image. You can also upload a custom poster image, if none of the generated stills work.

You can also change the title of the video here.

On the right-hand side of the window are a number of options for you to choose from. You can choose your file type compatibility, and select browser support. You can change the format (size) of the video, and decide how to balance video quality to loading time (a higher quality video will have a larger file size and take longer to download).

Finally you can decide if you want the video to autoplay, if you want to show the video player controls, if you want to play the video on a loop, or if you want the video to include a watermark.

4. Press start

When your video is complete, press the ‘Start’ button in the bottom right corner of the screen.

5. Select ‘Insert to page’

In the window that opens are three options for publishing your video. In order to add a HTML video to your existing webpage, we are going to select the ‘insert to page’ option.

6. Browse to your webpage

Click on the ‘Browse’ button to the right of the ‘insert to page’ option. This will open a file explorer window. Navigate to the webpage in which you want the video to appear and click open.

7. Select the element that you want the video to appear before or after

Your webpage will open in a preview window (it may look a little strange — don’t worry!)

In the panel on the left are a set of HTML elements. These include headers, divs etc. You can click on one of these elements to select it.

8. Click on ‘insert before or ‘insert after’

As you would expect, ‘insert before’ will add your video before the element, and ‘insert after’ will your video after the element.

9. Click on the ‘Save’ button

Your webpage should open in your browser, with the newly added HTML video. Check that everything works as expected, and then upload your webpage to your web host in the normal way.