HTML5 video tags not working

Question

I am trying to make a website where I have multiple videos on it. When I run the code, only the first video loads. No matter what I do, the second video will not play or load. Why doesn't my second video load?

Here's my code:

<html> 
<head> 
<title>Andrew soundboard!</title> 
<style>
h1{
text-align:center;
}
</style>
</head> 
<body>
<h1>Andrew Soundboard!</h1> 
<br>
<video width="320" height="240" controls="controls" autobuffer> 
<source src="IMG_3558.mp4" type="video/mp4">
<object data="" width="320" height="240"> 
<embed width="320" height="240" src="IMG_3558.mp4"> 
</object> 
</video> 
<br>
FREAK OUT #1

<br><br>

<video width="320" height="240" controls="controls" autobuffer> 
<source src="IMG_3559.mp4" type="video/mp4">
<object data="" width="320" height="240"> 
<embed width="320" height="240" src="IMG_3559.mp4"> 
</object> 
</video> 
<br>
STOP IT!

</body> 
</html>

Answer 1

There doesn't appear to be anything wrong with your code. So the possible issues are:

Is your video on your server (or if running on computer, in an accessible folder)?
Are you linking to your video correctly (in the right file, etc.)?
Does your video have the exact same file name as your HTML?
Does your video have the EXACT same file extension as your HTML? (.mp4, .mov, etc.)

Hope this helped!

HTML5 video tags not working

Question

1 answers

solution1
0 2016-04-21 01:19:34

HTML5 video tags not working

Question

1 answers

solution1 0 2016-04-21 01:19:34

solution1
0 2016-04-21 01:19:34