.ytvp-wrapper {
max-width: 100%;
background: #000;
overflow: hidden;
padding: 10px;
text-align: center;
}
.ytvp-video-container {
position: relative;
width: 100%;
height: auto; display: flex;
justify-content: center;
}
.ytvp-video {
max-width: 90vw; max-height: 80vh; width: auto;
height: auto;
object-fit: contain;
display: block;
margin: 0 auto;
background-color: #000;
}
.ytvp-play-button {
position: absolute;
top: 50%;
left: 50%;
width: 68px;
height: 48px;
background: url(https://img.icons8.com/ios-filled/100/ffffff/play--v1.png) no-repeat center center;
background-size: 60%;
transform: translate(-50%, -50%);
border: none;
cursor: pointer;
opacity: 0.9;
transition: opacity 0.3s ease;
}
.ytvp-play-button:hover {
opacity: 1;
}
@media (prefers-color-scheme: dark) {
.ytvp-wrapper {
background: #111;
}
}