View video tutorial

HTML Video

HTML

Any video file can be shown in html page using <video> tag.

HTML Video


<video> tag uses <source> tag for video files of alternate formats.

The first recognized file will be played.

The controls attribute adds media control buttons on the screen. such as play, pause, volume etc.

If no files recognized by the browsers the text inside <video> tags will be displayed.

Learning with HTML Editor "Try it Now"

You can edit the HTML code and view the result using online editor.

Example

<!DOCTYPE html>
<html>
<!-- Example: iframe element -->

<head>
    <title>Page Title</title>
    <style>
        .d1{
            border: 1px solid black;
            border-radius: 5px;
            padding: 5px;
            margin-top: 10px;
            width: 680px;
            height: 480px;
        }
        .d2{
            border: 1px solid rgb(19, 18, 18);
            border-radius: 5px;
            padding: 5px;
            margin-top: 10px;
            width: 680px;
            height: 480px;
        }
    </style>
</head>

<body>
    <h1>iframe example </h1>
    <h1>Document in iframe</h1>
    <div>

            <iframe class="d2" src="index.jsp" title="Iframe Example"></iframe>

    </div>
    <h1>Media in iframe</h1>
    <div>

            <iframe class="d1" src="https://www.youtube.com/embed/RL4CyCvt6aw;  allowfullscreen></iframe>

    </div>
</body>

</html>
Try it Now »

Click on the "See output" button to see how it works.