body {
margin: 0;
padding: 0;
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
background-image: url(TV.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
@keyframes pulsate-glow {
0% {
box-shadow: 0 0 50px rgba(255, 255, 255, 0.8);
}
50% {
box-shadow: 0 0 200px rgba(255, 255, 255, 0.8);
}
100% {
box-shadow: 0 0 50px rgba(255, 255, 255, 0.8);
}
}
.player-container {
position: relative;
width: 640px;
height: 360px;
background-color: rgba(0, 0, 0, 0.5);
z-index: -1;
animation: pulsate-glow 30s ease-in-out infinite;
}
#player {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
top of page
bottom of page