paulirish / lite-youtube-embed

A faster youtube embed.
https://paulirish.github.io/lite-youtube-embed/
Other
5.84k stars 271 forks source link

Shadow Gradient Across Top Of Player #91

Closed ewwwgiddings closed 2 years ago

ewwwgiddings commented 3 years ago

What's the shadow gradient that shows over the top of the background image for? Is there supposed to be a title here? Am I missing a property? Looks like a bug. I'm using Angular 10. It's this in the CSS and I don't see anything reference it in the JS to add a title:

lite-youtube::before { content: ''; display: block; position: absolute; top: 0; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==); background-position: top; background-repeat: repeat-x; height: 60px; padding-bottom: 50px; width: 100%; transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); }

ewwwgiddings commented 3 years ago

It happens when using the "Pro Usage"

paulirish commented 2 years ago

It's replicating the same appearance you see in the real youtube embed:

image