If you are at school, search "Unblocked Youtube." Something should pop up by Jack.

408

8 months ago by Jack

Here is the code!!!!

Html-

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="styles.css"> <title>YouTube No-Cookie Formatter</title> </head> <body> <h1 class="title">Unblocked YouTube</h1> <input type="text" id="youtubeUrl" placeholder="Enter YouTube URL"> <button onclick="loadVideo()">Play Video</button> <div id="videoContainer"></div> <div id="videoSummary"></div> <script src="script.js"></script> </body> </html> ____________________________________________________________________________________________________

Styles.css

body {
margin: 0;
height: 100vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-family: 'Arial', sans-serif;
background-color: black; /* Black background /
position: relative;
overflow: hidden;
background-image:
radial-gradient(circle, rgba(255, 0, 0, 0.8) 20%, transparent 20%), / Glowing effect /
radial-gradient(circle, rgba(255, 0, 0, 0.5) 20%, transparent 20%);
background-size: 40px 40px; / Size of hexagons /
background-position: 0 0, 20px 20px; / Closer arrangement for hexagons */
}

.title {
color: white;
font-size: 2.5em;
margin-bottom: 20px;
position: relative;
z-index: 2;
}

input[type="text"] {
padding: 10px;
border-radius: 20px;
border: 2px solid white;
margin-bottom: 10px;
font-size: 1em;
position: relative;
z-index: 2;
}

button {
padding: 10px 20px;
border: none;
border-radius: 20px;
background-color: white;
color: black;
font-size: 1em;
cursor: pointer;
position: relative;
z-index: 2;
}

button:hover {
background-color: lightgray;
}

#videoContainer, #videoSummary {
margin-top: 20px;
color: white;
position: relative;
z-index: 2;
}