Putting Movie on Web Page

Premiere Pro can output a movie in mp4 format. This mp4 movie can then be displayed in a web page as shown below.

In HTM5, one can use the video tag to display a movie on a web page. The height and width specify the size of the window in which the movie will play and the controls attribute provides the user with ways to control the movie. The message "Your browser does not support the video tag" is of course optional.

<video width="1080" height="1080" controls>
<source src="movie.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>

The movie shown below is from http://mydrive.nvcc.edu/rrh2466/public/RafiaHossain/ (a former student) To obtain this movie, I right-clicked on the movie in the web page and then saved it to my computer, just like you would save an image.

To determine the natural height and width of a mp4 file, in Windows, you can right click on the mp4 file saved in your computer and choose Properties and then click on the Details tab. For this mp4 file shown below, the dimensions are 1080x1080 and I have displayed it at its natural size using the height and width attributes of the video tag.

The width and height specified in the video tag would depend on the screen resolution of your target devices, the aspect ratio in the movie, the natural size of the movie, the quality of the movie and how much space you want it to occupy on the web page.

Revised: April 15, 2020. Comments to William Pegram, wpegram@nvcc.edu