Scribd
Upload
13 views1 page

Youtube HTML

The document is an HTML template for a YouTube clone called 'MyTube'. It includes a header with a search bar and user profile icon, as well as a main section displaying a grid of video cards with titles, details, and video controls. Each video card features a video element and information about the video, such as views and upload time.

Uploaded by

plexg30
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
13 views1 page

Youtube HTML

The document is an HTML template for a YouTube clone called 'MyTube'. It includes a header with a search bar and user profile icon, as well as a main section displaying a grid of video cards with titles, details, and video controls. Each video card features a video element and information about the video, such as views and upload time.

Uploaded by

plexg30
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd

<!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>YouTube Clone</title>
<link rel="stylesheet" href="[Link]">
</head>
<body>
<header>
<div class="logo">MyTube</div>
<input type="text" class="search-bar" placeholder="Search">
<button class="search-button">Search</button>
<div class="user-profile">👤</div>
</header>
<main>
<div class="video-grid">
<div class="video-card">
<video controls>
<source src="video1.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
<p class="video-title">My First Video</p>
<p class="video-details">User • 10K views • 1 week ago</p>
</div>
<div class="video-card">
<video controls>
<source src="video2.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
<p class="video-title">My Second Video</p>
<p class="video-details">User • 20K views • 2 weeks ago</p>
</div>
<div class="video-card">
<video controls>
<source src="video3.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
<p class="video-title">Another Video</p>
<p class="video-details">User • 15K views • 3 days ago</p>
</div>
<!-- Add more video cards as needed -->
</div>
</main>
</body>
</html>

You might also like