mediaTags.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=|, initial-scale=1.0">
    <title>Media Tags in HTML5</title>
</head>
<body>
    <h2>Media Tags in HTML 5</h2>
    <!--Media Tags code starts here-->
    <center>
        <h1>Edyoda Media Classes</h1>
        <p>Check Audio Below...</p>
        <audio controls>
            <source src=
"https://media.geeksforgeeks.org/wp-content/uploads/20190531165842/Recording1514.ogg"
                type="audio/ogg">

        </audio>

        <p>Check Video Below</p>
        <video controls preload width="400" height="300">
            <source src="/SampleVideo.mp4" type="video/mp4">
        </video>

        <iframe width="700" height="550"
         src="https://classroom.edyoda.com/instructor/module-curriculum/FSR160123/JavaScript/" title="How to crack the remote jobs
         " allow="accelerometer; autoplay; 
         clipboard-write; encrypted-media; gyroscope; picture-in-picture; 
         web-share" 
                     allowfullscreen></iframe>

                     <embed src="https://media.geeksforgeeks.org/wp-content/uploads/20210723103530/simplescreesdfdsrecorder2021071.gif" width="300" height="300">
    </center>

</body>
</html>