v0.3.3

What's Changed

• Accessibility Improvements for PE Pattern by @scottjehl in #183. Thanks Scott!!!
  • Also thanks @delucis for coming back to address the same stuff.

v0.3.2

This release has no functional changes from v0.3.1 (which had a few changes)

The only change: As of v0.3.1, getPlayer() is now getYTPlayer(), but I missed updating two pieces of documentation for that. That's now addressed.

Full Changelog: v0.3.1...v0.3.2

v0.3.1

New features

• Add a js-api attribute to opt-in to the YouTube Iframe Player API by @zachleat in #164
  • Accessed by const player = await lytElem.getPlayer();
  • Demo: Iframe Player API usage
• Upgrade poster image to higher resolution webp if possible by @paulirish in #167
  • See youtube-thumbnail-urls.md for the full topic.
  • If you prefer to manually provide a custom poster image, you can use the new poster-image-availability.html tool to find if you want to manually specify a maximum res poster image.
• Display the video title - via title attribute by @jakeparis in #88
  • Demo: visible title

Other changes

• Replace top gradient PNG with linear-gradient by @paulirish in #166
• Make the entire element clickable by @MadLittleMods in #153
• border:none to border:0 by @davidsneighbour in #142
• Update GitHub Actions versions by @coliff in #157
• readme: Add @next/third-parties React wrapper by @karlhorky in #154

New Contributors

• @davidsneighbour made their first contribution in #142
• @MadLittleMods made their first contribution in #153
• @zachleat made their first contribution in #164
• @jakeparis made their first contribution in #88

Full Changelog: v0.3.0...v0.3.1

v0.3.0

v0.3.0 is out published on npm! woohoo!

The double-tap bug (aka reliable autoplay)

lite-yt-embed now uses the YouTube Player API to force autoplay. (While as user wouldn't see this as "autoplay", we want the real youtube iframe to autoplay once the user clicks play.) While desktop browsers were reliably autoplaying, mobile wasn't. Chromium-based browsers on Android were flaky. This change (#109 and #90) resolves the double-tap bug for Android and iPhone (usually). Thanks @dantovbein for getting this started.

However, iPad almost always doesn't autoplay and needs the double-tap. iPhone sometimes needs it as well. WebKit on iOS's relationship with autoplay is a weird one and while I've done a lot of research, more work is required.

I've been putting off this release until I can fully resolve autoplay, but at this point it's past due to ship things, even if it's not "done". Apologies folks. (Of course if a contributor has the tenacity to finish off this effort before I do, I'd very much welcome it!).

Core improvements

• Fix duplicate iframes being created (#97)
• Actually use progressive enhancement with a link rather than button (#117)
• remove version="1.1" from SVG (not needed) (#99)
• remove poster image preload (#106)
• Remove href from button to prevent possible navigation (#124)

Repo stuff

• Add .editorconfig (#107)
• Rename now.json to vercel.json (#115)
• Updated progressive enhancement example (#118)
• Update Lighthouse CI and Node (#98)
• Update node and GitHub Actions versions (#126)
• readme: Add kylemocode/react-lite-yt-embed (#71)
• readme: add React component port (#83)

New Contributors

• @coliff, @codepuncher, @karlhorky, @ibrahimcesar, @aarongustafson, @leerob, @delucis, [@dantovbein](#90

Full Changelog: v0.2.0...v0.3.0