I’m following up on ‘Youtube embed size’. In this topic, the discussion was about the small default size of YouTube embeds. The final solution was allowing width and height parameters in YouTube links. I’m not sure this is a great solution as most forum users will not know about these. What’s currently the best approach to make YouTube embeds the same size as images? Somewhat on the same topic, Vimeo embeds are larger than YouTube embeds but still not the same size as images.

This is what we have currently to make YouTube embeds span the full post width: .lazyYT-container { height: 0 !important; width: 100% !important; padding-bottom: 56.25% !important; } IMO this is a big improvement and something like this should just be the default styling! Not sure how to do the same for Vimeo (but YouTube accounts for probably like 99% of videos shared on our forum so not something we’ve worried about too much…)

If you prioritize looks over the benefits of LazyYT (blocks Google tracking every user since it doesn’t load the full iFrame, the page isn’t as heavy for the same reason) you can just delete the lazyYT from the plugin folder and it will fallback to standard oembeds: [image] Just had to set the iframe width to 690 I spent way too much time researching YouTube APIs, and in order to make LazyYT use better thumbnails (which can fit our 690px post width) we would have to ask every admin to signup for Youtube API keys, implement logic of falling back to the current thumbnails since old youtube videos doesn’t have HD thumbnails and it wasn’t really worth the effort. So if you just want it to look cool, just run a simple rm -rf plugin/lazyYT in the run hook in your app.yml. Totally #pr-welcome if someone who cares about this and want to implement a better thumbnail logic to LazyYT which accounts for all the cases: Admin doesn’t have an API key configured API key is invalid Video is too old Video has thumbnail, pick the higher resolution one (maybe make it configurable so people can match their forum width)

The CSS solution works fine for us - we still benefit from the lazy loading AND videos have the same width as other media. Double win :slight_smile:

Well, to each it’s own, IMO the thumbnails from LazyYT are unusable in larger widths due to image quality: [image] [image]

[image] Falco: Well, to each it’s own, IMO the thumbnails from LazyYT are unusable in larger widths due to image quality: True enough. Have you considered getting the maxresdefault.jpg? Not all videos have this though, so it would require some additional intelligence in the plugin..

[image] bartv: [image] Falco: Well, to each it’s own, IMO the thumbnails from LazyYT are unusable in larger widths due to image quality: Have you considered getting the maxresdefault.jpg? Not all videos have this though, so it would require some additional intelligence in the plugin.. This is exactly what I described here [image] Falco: in order to make LazyYT use better thumbnails (which can fit our 690px post width) we would have to ask every admin to signup for Youtube API keys, implement logic of falling back to the current thumbnails since old youtube videos doesn’t have HD thumbnails

Yeah i agree with you.we need a easier version of the mentioned solution.

Works great! Thank you! :blue_heart:

[image] bartv: What’s currently the best approach to make YouTube embeds the same size as images? Latest fixes this thanks to @david work on getting higher resolution thumbnails. So this video should, fluidly, use the full width of a post area: [The $32,000 Mac Pro Killer]

Just to fully understand, is there anything to do as an admin in order to have these full width video on our forum? New settings to enable or something like that?

Nothing special, just update to latest. https://gfycat.com/leafyfamiliarafricangoldencat

Youtube embed size, revisited

Product Support

Falco (Falco) June 29, 2020, 4:42pm 26

Set the div size with CSS.

Topic		Replies	Views
YouTube embeds appearing way too small Product Support	16	469	August 3, 2024
YouTube Vs Vimeo Video embed width Feature video	18	2144	September 4, 2024
Make lazyYT plugin responsive easily Feature	8	3269	February 8, 2018
How to make embedded videos full width? Product Support	1	955	April 24, 2020
Is there any way to make Youtube embeds smaller? Development	2	350	April 10, 2024

Youtube embed size, revisited

Related topics