There is a tag named video like an audio tag in HTML 5. It’s a video web page for display. It is very easy to find a plugin. <img tag is like showing pictures. However, like the audio tag, the video tag does not support Internet Explorer (below IE 9).

One line code can be shown on the video page, such as

<video src="/media/can_you_say_apple.mp4" controls></video>

However, there are several attributes that can be used in the video player.

You can also use the source tag here, which is what I said earlier in the previous tutorial. If you check the browser format and do not support then go to the next, check all the source tags in this way.

<video controls height="300" width="410" poster="/media/title_pic.png">

<source src="/media/Can you say banana.webm"

type='video/webm;codecs="vp8, vorbis"'/>

<source src="/media/can_you_say_apple.mp4"

type='video/mp4;codecs="avc1.42E01E, mp4a.40.2"'/>
<h1>Your browser doesn't support video tag</h1>
</video>

We used 3 attributes above the video element. By looking at height and width, it is understood that we have fixed the width of the length. Poster attribute is a great job. At first I gave the picture of a little tongue as a poster of the video. You can post pictures as you like using poster.

There is also another attribute named mute, if it gives it (just as the control is written as it is written) the sound can not be heard. All other attributes are similar to the previous tutorials.

** 3 video formats support – webm, ogg and mp4

Here you can also show videos using embed and object tags if all browsers need to be

<object width="300" height="200" type="video/webm" data="/media/Can you say banana.webm">
<embed src="/media/Can you say banana.webm" width="300" height="200">
</embed>
</object>

To work on embed, any video player has to be installed in the plug-in browser such as vlc web plugin

** It would be best if you put together all the options in such a way that it would be the user’s browser in one or the other. For this, keep HTML 5 and embed together so if the HTML 5 does not support the embed tag will work.

<video controls height="300" width="410" poster="/media/title_pic.png" autoplay>

<source src="/media/Can you say banana.webm"

type='video/webm;codecs="vp8, vorbis"'/>

<source src="/media/can_you_say_apple.mp4"

type='video/mp4;codecs="avc1.42E01E, mp4a.40.2"'/>

<object width="300" height="410" type="video/webm" data="/media/Can you say banana.webm">
<embed src="/media/Can you say banana.webm" width="300" height="410">
</embed>
</object>
</video>

Here you will have to format the format that is normally supported by all browsers, such as flush, but the video must be created in this format before this.