Html5 video tag not working in chrome

Question

On a W3school video tag tutorial, I checked on Chrome and it was working fine but I copied the code in my project and it didn't work. Here is the code:

<video width="500" height="400" controls autoplay>
    <source src="C:\Users\Sunny\Desktop\My_Passion.mp4" type="video/mp4"/>              
</video>

Answer 1

Chrome does not support .mp4 video codec. ReEncode video.

<video width="500" height="400" controls autoplay> <source src="C:\Users\Sunny\Desktop\My_Passion.mp4" type="video/mp4"/> <source src="C:\Users\Sunny\Desktop\My_Passion.ogv" type="video/ogg"/>
</video>

You can use online video converter

Answer 2

The video source URL has to point to your web server where this page is being hosted. It won't work for local file paths like the one you currently have in there (pointing to a video file on your local computer).

So make sure the My_Passion.mp4 file is on your web server and then change the source as follows:

<source src="My_Passion.mp4" type="video/mp4"/>