.mp4 movie wont play on website

My sampletest.mp4 movie wont play on my website. The sampletest.mp4 is a test so its warped looking if you see it because its just a test. I dont want it to create a popup window to play it. The file is way under 10mb. It is not streaming nor is that my intent. Here is the code. Why wont it work? I also provide the website so you can see the problem.

<!DOCTYPE html>
<html>
<body style="text-align: center">
    <h2>1 Video Test</h2>
    <video width="680px" height="40px" controls="controls">
        <source src= "sampletest.mp4" type="video/mp4" />
    </video>
</body>
</html>

--------------------------------------------the website problem------------
http://sucognitivestudy.infinityfreeapp.com/1videotest.html

I checked the page and the video is working fine for me. When I click the play button and move the cursor away so the controls don’t obscure the video, then I can see the video is playing.

Which browser are you using? Did you try it with another browser and see if it worked there?

I’m using Firefox, and it works for me.

2 Likes

Thats weird. I have problem in chrome and firefox and Brave on computer using windows 10. The rollover effect you are talking about I experience when checking my work on a different computer using windows 7 and firefox so I understand your comment.

Ok. Confirmed. That code works in Firefox running on windows 10 and windows 7. But it wont work in Chrome or Brave browser in case anyone has the same problem as me.

try without “px” because it is not even correct to write a non-numeric value for the video w/h

<video width="680" height="40">

7 Likes

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.