Black
Idiots<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Page Title</title>
<style>
.button {
background-color: #cc181e;
border: none;
color: white;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
padding: 10px 24px;}
a{color: white;
text-decoration: none;
}
#myDIV {
width: 100%;
padding: 50px 0;
text-align: center;
background-color: lightblue;
margin-top: 20px;
}
</style>
</head>
<body>
<h1></h1>
<center><button class="button"><a href="https://www.youtube.com/channel/UC8y2th_JH5QUy0BeHPNYvsQ?sub_confirmation=1">Subscribe</a></button>
</center>
<button onclick="myFunction()">Show</button>
<div id="myDIV" style="display:none;">
<iframe width="560" height="315" src="https://www.youtube.com/embed/kDbnM5hi7c4" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<script>
function myFunction() {
var x = document.getElementById("myDIV");
if (x.style.display === "none") {
x.style.display = "block";
} else {
x.style.display = "none";
}
}
</script>
</body>
</html>