Blog teasers don't parse out YouTube video embeds correctly, looks bad

[geerlingguy]

See: https://www.jeffgeerling.com/blog

@mglaman found this, so credit to him... if you look at the blog page and one of the entries has a YouTube embed, it's all garbled. It should either display the embed, or drop it, not display a bunch of random CSS!

[geerlingguy]

There's, unfortunately, not much to go on here:

I guess I could figure out a way to get something like Smart Trim working? Then use it as the formatter for the summary on Teasers?

[mglaman]

@geerlingguy I haven't looked at your code – but is the CSS being inlined into the body for videos? That's all I could imagine for the weird output.

[geerlingguy]

@mglaman Yes, that's exactly what's happening. I grab the embed code from http://embedresponsively.com — which tosses it into <style> tags. I could maybe put HTML comments around that?

[mglaman]

Ah, so it is intended to be embedded as part of the blog content. I think the only workaround is to add that kind of CSS to your site's theme, or manually set the teaser to not include the video.