View video tutorial

HTML Audio

HTML

The <audio> tag is used to play an audio file on a web page.

HTML Audio


<audio> tag uses <source> tag for audio 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 <audio> 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.