[RESOLVED] <video> in html5

**Aash** · Jul 17th, 2012, 12:58 AM

hi all

I've tried the following html tags and it's not working, can anyone help me out..
i've downloaded a youtube video and i want to display it on page.

Code:

<!DOCTYPE html>
<html>
<body>


<video width="320" height="240" controls="controls">
    <source src="myvideo.flv" type="video/mp4" />
	
</video>
</body>
</html>

on chrome the video don't run and on firefox it says 'no video with supported format and MIME type found'
thanks in advance..

**Nightwalker83** · Jul 17th, 2012, 04:34 AM

Try replacing video with object and see if that makes a difference.

**akhileshbc** · Jul 17th, 2012, 05:35 AM

Only MP4, WebM and Ogg are supported formats! See this: http://www.w3schools.com/html5/html5_video.asp (scroll down to "Video Formats and Browser Support")

But in your code, you are trying to play an FLV (flash movie), and you have specified the type as mp4. Insert the link to the mp4 movie there, instead of myvideo.flv.

For example:

HTML Code:

<!DOCTYPE html>
<html>
<body>


	<video width="480" height="410" controls="controls">
	<source src="http://video-js.zencoder.com/oceans-clip.mp4" type="video/mp4" />
	
</video>
</body>
</html>

**Aash** · Jul 17th, 2012, 10:30 AM

thankyou both

I tried this code but video isn't displaying using any browser.

Originally Posted by akhileshbc

For example:

HTML Code:

<!DOCTYPE html>
<html>
<body>


	<video width="480" height="410" controls="controls">
	<source src="http://video-js.zencoder.com/oceans-clip.mp4" type="video/mp4" />
	
</video>
</body>
</html>

**akhileshbc** · Jul 17th, 2012, 10:48 AM

Originally Posted by Aash

thankyou both

I tried this code but video isn't displaying using any browser.

Try it in Google Chrome. In my PC, I have the latest Chrome(20.0.1132.57 m).

If you want to play the same video in Firefox(4+) or Opera(10.6+), you have to include the WebM or Ogg format video as separate <source>.

You could see the browsers supporting the specific video format in the link that I have shown you(w3schools).

So, it would be like this:

Code:

<!DOCTYPE html>
<html>
<body>

	<video width="480" height="410" controls="controls">
		<source src="http://video-js.zencoder.com/oceans-clip.mp4" type="video/mp4" />
		<source src="http://video-js.zencoder.com/oceans-clip.ogg" type="video/ogg" />
	</video>
	
</body>
</html>

**Aash** · Jul 18th, 2012, 09:45 AM

thanks

**tr333** · Jul 26th, 2012, 07:27 PM

There's a great tutorial on using the <video> tag in HTML5 over at HTML5 Rocks. It also has some info on using video+js, video+css, video+canvas, and video+svg.

**akhileshbc** · Jul 26th, 2012, 10:25 PM

Originally Posted by tr333

There's a great tutorial on using the <video> tag in HTML5 over at HTML5 Rocks. It also has some info on using video+js, video+css, video+canvas, and video+svg.

That's cool

Thread: [RESOLVED] <video> in html5

Thread Tools

Display

[RESOLVED] <video> in html5

Re: <video> in html5

Re: <video> in html5

Re: <video> in html5

Re: <video> in html5

Re: <video> in html5

Re: [RESOLVED] <video> in html5

Re: [RESOLVED] <video> in html5

Posting Permissions