I am using a responsive
window for playing videos.
.player-window {
position: relative;
padding-bottom: 42%;
height: 0;
overflow: hidden;
max-width: 100%;
}
I would like to change the padding-bottom %
for each video that I click.
Heres is what I tried just guessing. It does not work but I think its clear what Im trying to do.
$('.thumbnail').on('click', function() {
$('.player-window').css(padding - bottom: '50%');
$('.player-window').html('embedded video');
});