HTML5 Video not auto-playing

Question

Hello, I'm requesting this chunk of html from a mysql database:

<p>Hello.<br><video src="video/hi.mp4" width=100% height=100% autoplay="autoplay"></video>

It displays, but won't autoplay. On a static HTML page it goes off without a hitch. The request comes from an ajax call for a matching keyword that is being typed into a input bar.

Any ideas?

Answer 1

Aren't some quotes or attributes missing?

<video src="video/hi.mp4" style="width:100%; height=100%;" autoplay="autoplay"></video> ?

Answer 2

Your web browser doesn't know that the HTML came from an SQL database, so it's not likely that it behaves differently in the two cases. I'm inclined to assume that there is some other problem with the page.

What are the URLs of the static and dynamic pages? Does the relative URL "video/hi.mp4" resolve to the address of your video correctly in both cases?

Answer 3

Only thing I can imagine is that the browser has not finished loading the page and or not getting a onload(). Can you start the video using a script?

<video id="video" src="video/hi.mp4" autoplay ></video>

<script>

document.getElementById("video").play();

</script>