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">