I updated today the youtube module, and now my "responsive" youtube videos are displaye only with ~157px height. This was not the case with an older version (8.x-1.0-beta2). Tested with latest Google Chrome and Firefox.

My temporary solution was to add manually in my theme css the following codes:

.youtube-container--responsive {
    overflow: hidden;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}
.youtube-container--responsive iframe {
    border: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

The YouTube Video Field is defined as "responsive, custom parameters". Here is an example (with my css)
https://heavy.ch/wiki/beast.

Maybe it has something to do with this commit (http://cgit.drupalcode.org/youtube/commit/?id=3cefacd4ba1b46f43f44a65301...), but I'm not sure.

Comments

snsblvd created an issue. See original summary.

guschilds’s picture

guschilds commented

snsblvd,

It likely does have something with that commit, but it should continue to work after that change. I basically renamed the library and file, and am adding it only when the video is set to be responsive (as yours is) rather than on every page load.

Could you try clearing your cache? If that doesn't work, I'll dig into this a bit deeper when I can find the time in the next couple days.

Thanks,
Gus

guschilds’s picture

guschilds commented
Status: Active » Closed (works as designed)

I'm going to assume this is no longer a problem. Please reopen if it continues to be one. Thanks.

snsblvd’s picture

snsblvd commented

You're right! I was 100% sure that I did a "drush cr", but well - now its working - so my fault! Thanks for your good work!