I added this code in a way to incease the size of the thumbails on my site.
.joms-media--video, .joms-media--album {
max-width: 800px;
}
.joms-media__thumbnail {
height: 200px;
width: 250px;
}
As you see, the Thumb is bigger and also the description cover the width and look good.
My question is:
Wich code can i modify or wich is the code for when i press PLAY the "box" where the video is running looks covering just the video without black borders?
BTW: Dirty Dancing is a classic, please! Jajajajajaja!
Thank you!!!!!!!!!!!!!!!!!!!!!!!
Have an Amazing day ;-)
J.C.

Hi,

Please you use this css code :

.joms-media__thumbnail > iframe {
    width: 100%;
    height: 601px;
}

Im sorry Dimas, just one thing about the code.
The code you give me works perfect, for me is very big the video ones press play so i modify just a little the code:
.joms-media__thumbnail > iframe {
width: 100%;
height: 401px;
}


.joms-media--video, .joms-media--album {
max-width: 800px;
}

.joms-media__thumbnail {
height: 150px;
width: 250px;
}
401px insted 601px that you give me...
Now i have two black frames.
I tried to "touch" the with but doesnt stay centered...
Miss i something?
Thank you and sorry to bother...
J.C.

you only can change the width and height, make sure the video size is fit for you, I am sure you able to do it right? :)

well, that is responsive matter.. on some small browser the video size can be different

thank you