Youtube has recently changed it’s default embed format.
Youtube is constantly updating it’s algorythm, so this isn’t suprising, machine learning software seems to be taking over the web at the moment I wonder how it will progress in the future?
The older format had a default video embed width of, in most cases, 425 pixels.
The new format, which you now get when you grab “embed” code from a youtube page, has a default width of in most cases 640 pixels, and in some cases even wider, up to about 960 pixels.
If you just copy and paste video embed code from the youtube site to DD, you WILL break the page here.
Youtubes wider than 500 pixels are too wide for the essay column on the pages at DD, and it breaks the sidebars by ‘pushing’ them out to the right to accommodate a youtube wider than the banner at the top which is the width of the essay column.
When you embed a youtube it will be a lot easier on this site, and on your eyes and everyone elses, if you resize it to a something like 500 pixels wide. (see example below)
The DD banner at the top is 580 pixels wide, so you can easily see what will happen to the pages here if you post a youtube wider than that.
Here is youtube embed code obtained today from a youtube page – I’ve highlighted the dimensions in red.
You can easily imagine what would happen to the DD page if I posted that youtube embed code here as it is.
What to do is very easy. Simply change the width and height parameters in both places where you see them in the code.
For example, if I alter the above embed code as follows…
…and embed it in this essay – it’ll produce a nicely sized youtube that will not break the DD pages, like this:
I’ve also centered that by enclosing the embed code between
If you want to make a small youtube, say 250 or 300 pixels wide, you can remove the height parameters and make the width smaller. Browsers will then calculate the height automatically, like this…
…to produce this:
All of this applies to comments as well as essays, btw…