[Support request] A global solution for YouTube videos too big

[Massimo]

I embed youtube videos by just putting the link into the editor and the video displays up in a second. When I see them on the post, they seem quite big size and vertically long.
I don’t use Gutenberg, so I can’t use the embed block.
I can’t wrapping them in an HTML element, because I’ve hundreds of articles and I can’t modify one by one. By the way I have several editors that write on my site and I can’t tell them to use html for future articles.

These are the solutions I found in this forum, but there’s nothing I can do that affects all YouTube videos embedded? Like a function, for example?

GeneratePress 2.2.2

[David]

Hi there,

can you link me to a post where i can see the sizing problem?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Massimo]

Hello, thanks for the reply. you can see the problem in the videos on this site. Access from mobile.
https://anime.icrewplay.com/19-i-cavalieri-dello-zodiaco-e-la-saga-di-hades-meikai/

[Leo]

Hi there,

The YouTube video is currently added with Elementor.

Can you check with their support to see if there is a way to make it responsive?

Another option would be to use the Embed block from Gutenberg editor which is responsive by default.

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Jim]

I encountered this exact same challenge, and discovered the GeneratePress Responsive Videos documentation. (Thanks for that.)

But adding the div and CSS causes auto-embedding via oEmbed to no longer function. This solution only works when manually adding the iframe embed code. And, it creates quite a headache for those of us with numerous existing embedded Youtube videos.

Is this really the only solution?

[Tom]

If you’re using Gutenberg, videos should be responsive by default now.

Without Gutenberg, it is necessary to wrap your videos in that wrapper, unfortunately.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts