HTML 5 Video not working on Mozilla

Question

For some reason, my HTML 5 element is not working for me on Mozilla Firefox.

The control buttons of the video do show up, but when I press play nothing happens.

It works perfectly on chrome though. Here is my code:

            <video width="100%" controls="controls">
                <source src= "video/myvideo.mp4" type="video/mp4">
                <source src="video/myvideo.webmhd.webm" type="video/webm">
            </video>

Can you help me find out the reason why it is not working please?

EDIT: My problem is that if I press the play button the video won't play... but if I press the time bar, the video plays. How can I make it start by pressing the play button?

Answer 1

The controls attribute for the <video> tag is a boolean. Just use

<video width="100%" controls>

or

<video width="100%" controls="true">

Answer 2

Chances are video format is not supported by mozilla. Just renaming the file as that video type might not be right.

Check the video format supported by mozilla - a link!

Answer 3

mozilla don't support mp4

you can see it here https://developer.mozilla.org/en-US/docs/Media_formats_supported_by_the_audio_and_video_elements

Answer 4

Convert video to .ogg and include that as well.