MEDIA PLAYER(HTML)

            EXERCISE ON HTML

EXERCISE I

THIS IS HOW VIDEOS, PHOTOS AND AUDIO FILES ARE IMPORTED IN WEBSITE.

HTML CODE:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Media player</title>
</head>
<body>
    <h1>My files</h1>  
    <h2>Video files</h2>
    <video height="200" src="1.mp4" controls poster="mercedes.jpg" loop >Mercedes</video>
    <video height="200" src="1.mp4" controls poster="mercedes.jpg" loop >Mercedes</video>
    <video height="200" src="1.mp4" controls poster="mercedes.jpg" loop >Mercedes</video>
    <video height="200" src="1.mp4" controls poster="mercedes.jpg" loop >Mercedes</video>
    <video height="200" src="1.mp4" controls poster="mercedes.jpg" loop >Mercedes</video>
    <video height="200" src="1.mp4" controls poster="mercedes.jpg" loop >Mercedes</video>
   
    <h2>Audio files</h2>
    <audio src="why you bully me.mp3" controls></audio>
    <audio src="why you bully me.mp3" controls></audio>
    <audio src="why you bully me.mp3" controls></audio>
    <audio src="why you bully me.mp3" controls></audio>
    <audio src="why you bully me.mp3" controls></audio>
    <audio src="why you bully me.mp3" controls></audio>
</body>
</html>

MATERIALS REQUIRED:





 

Comments

Popular posts from this blog

UltraEdit Website Clone(Part 1- Nav Bar)

Nav Bar Template