PHPackages magequest/magento2-module-lite-youtube - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Utility & Helpers](/categories/utility) 4. / 5. magequest/magento2-module-lite-youtube ActiveMagento2-module[Utility & Helpers](/categories/utility) magequest/magento2-module-lite-youtube ====================================== A Magento 2 module that adds Paul Irish's Lite YouTube implementation support. 1.1.0(1y ago)4059.9k↑11.4%3MITJavaScript Since Nov 18Pushed 1y ago1 watchersCompare [ Source](https://github.com/MageQuest/magento2-module-lite-youtube)[ Packagist](https://packagist.org/packages/magequest/magento2-module-lite-youtube)[ RSS](/packages/magequest-magento2-module-lite-youtube/feed)WikiDiscussions main Synced 1mo ago READMEChangelog (3)Dependencies (1)Versions (4)Used By (0) MageQuest\_LiteYouTube ====================== [](#magequest_liteyoutube) YouTube videos, but performant. For Magento 2. [![Magento 2.4](https://camo.githubusercontent.com/5253e053c3545e091811bba28c7d15733fec4dd54275d4562293bafb64a22558/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6d6167656e746f2d322e342d6f72616e67652e7376673f6c6f676f3d6d6167656e746f266c6f6e6743616368653d74727565267374796c653d666f722d7468652d6261646765)](https://camo.githubusercontent.com/5253e053c3545e091811bba28c7d15733fec4dd54275d4562293bafb64a22558/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6d6167656e746f2d322e342d6f72616e67652e7376673f6c6f676f3d6d6167656e746f266c6f6e6743616368653d74727565267374796c653d666f722d7468652d6261646765) [![Hyvä Themes Supported](https://camo.githubusercontent.com/f615eff1d54fa4e54ea17618514282bab06489fdec8f611187fa5248f73b6898/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4879762543332541342532305468656d65732d537570706f727465642d627269676874677265656e3f7374796c653d666f722d7468652d6261646765266c6f6e6743616368653d74727565)](https://camo.githubusercontent.com/f615eff1d54fa4e54ea17618514282bab06489fdec8f611187fa5248f73b6898/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4879762543332541342532305468656d65732d537570706f727465642d627269676874677265656e3f7374796c653d666f722d7468652d6261646765266c6f6e6743616368653d74727565) [![Packagist Version](https://camo.githubusercontent.com/dab4e9ecc1b5781cf6b52e6dcc679de0eacdebbe61892b4c0708fd1b2150a462/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f6d61676571756573742f6d6167656e746f322d6d6f64756c652d6c6974652d796f75747562653f7374796c653d666f722d7468652d6261646765)](https://camo.githubusercontent.com/dab4e9ecc1b5781cf6b52e6dcc679de0eacdebbe61892b4c0708fd1b2150a462/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f6d61676571756573742f6d6167656e746f322d6d6f64756c652d6c6974652d796f75747562653f7374796c653d666f722d7468652d6261646765) [![MIT License](https://camo.githubusercontent.com/b58530991da861294ca86912f60fdfd4d3a7608666f2a4ad4aa5ecc703c53605/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4c6963656e73652d4d49542d626c75652e7376673f6c6f6e6743616368653d74727565267374796c653d666f722d7468652d6261646765)](https://camo.githubusercontent.com/b58530991da861294ca86912f60fdfd4d3a7608666f2a4ad4aa5ecc703c53605/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4c6963656e73652d4d49542d626c75652e7376673f6c6f6e6743616368653d74727565267374796c653d666f722d7468652d6261646765) Overview -------- [](#overview) A Magento 2 module that adds performant YouTube embeds (with no user experience impact) based on [Paul Irish's Lite YouTube](https://github.com/paulirish/lite-youtube-embed) implementation. Includes further enhancements, such as image quality (size), WebP support, custom placeholder images, image lazy loading and a Page Builder content type. Features -------- [](#features) - Allows use of `` element anywhere on the storefront - Can be used in CMS Pages/Blocks, attribute output or even code - Adds a Page Builder content type for easier use (with admin preview) - Choose default placeholder image quality (size) - WebP image format used where browsers support - Optionally add custom placeholder image - Choose whether placeholder images are lazy loaded - Critical CSS added to `` to negate [CLS (Cumulative Layout Shift)](https://web.dev/cls/) - Remaining CSS/JS only loaded when `` elements exist on the page Installation ------------ [](#installation) ``` composer require magequest/magento2-module-lite-youtube bin/magento module:enable MageQuest_LiteYouTube bin/magento setup:upgrade ``` Usage ----- [](#usage) See [Paul Irish's Lite YouTube](https://github.com/paulirish/lite-youtube-embed) README for basic usage. > Note: the progressive enhancement option is not recommended with this implementation as both button and imagery can be lazy loaded and by doing so helps reduce CLS (). ### Additional Controls [](#additional-controls) The following additions are implemented via [this fork of Lite YouTube](https://github.com/johnhughes1984/lite-youtube-embed): - Default placeholder image quality: `quality="hqdefault|sddefault|maxresdefault"` - `hqdefault` is default - See overview of sizes and availability [here](https://github.com/paulirish/lite-youtube-embed/blob/master/youtube-thumbnail-urls.md) - Custom placeholder image: `image=""` - Disable placeholder image lazy load: `lazy="false"` Compatibility ------------- [](#compatibility) - Magento Open Source / Commerce Edition 2.4.x - Supports Magento 2 Full Page Cache (including Varnish) - Supports both Luma/Blank and Hyvä Themes based storefronts - **Does not support Internet Explorer** FAQs ---- [](#faqs) #### Can I use the module if a site doesn't have/use Page Builder? [](#can-i-use-the-module-if-a-site-doesnt-haveuse-page-builder) Yes, you can just add `` elements manually to CMS Blocks/Pages, attributes or anywhere else that supports HTML input. #### Why does the minified CSS also contain the critical CSS? [](#why-does-the-minified-css-also-contain-the-critical-css) Because the CSS is required on both the admin panel and the storefront, I ran into issues with the critical CSS not being recognised in the admin panel and didn't want to maintain 2 separate CSS files for the sake of 10 lines of CSS. Contributing ------------ [](#contributing) Issues and pull requests welcomed. ### Health Score 42 — FairBetter than 90% of packages Maintenance49 Moderate activity, may be stable Popularity42 Moderate usage in the ecosystem Community11 Small or concentrated contributor base Maturity52 Maturing project, gaining track record Bus Factor1 Top contributor holds 75% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Every ~633 days Total 3 Last Release 375d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/43f3b3a59dc942417211200d258cff022a5208536f9965bf4de8bc1c369fefc8?d=identicon)[John Hughes](/maintainers/John%20Hughes) --- Top Contributors [![johnhughes1984](https://avatars.githubusercontent.com/u/3949917?v=4)](https://github.com/johnhughes1984 "johnhughes1984 (3 commits)")[![hostep](https://avatars.githubusercontent.com/u/85479?v=4)](https://github.com/hostep "hostep (1 commits)") ### Embed Badge ![Health badge](/badges/magequest-magento2-module-lite-youtube/health.svg) ``` [![Health](https://phpackages.com/badges/magequest-magento2-module-lite-youtube/health.svg)](https://phpackages.com/packages/magequest-magento2-module-lite-youtube) ``` ### Alternatives [yireo/magento2-webp2 Magento 2 module to add WebP support to the Magento frontend 2091.2M7](/packages/yireo-magento2-webp2)[tig/postnl-magento2 TIG Magento 2 PostNL extension 58544.2k4](/packages/tig-postnl-magento2)[lillik/magento2-price-decimal Magento 2 Price Decimal Precision 111147.5k](/packages/lillik-magento2-price-decimal)[nosto/module-nostotagging Increase your conversion rate and average order value by delivering your customers personalized product recommendations throughout their shopping journey. 27659.1k4](/packages/nosto-module-nostotagging)[magepal/magento2-customeraccountlinksmanager Customer Account Links Manager for Magento2 allows you to quickly and easily remove unwanted links from customer account dashboard 4084.9k](/packages/magepal-magento2-customeraccountlinksmanager)[doofinder/doofinder-magento2 Doofinder module for Magento 2 13204.0k1](/packages/doofinder-doofinder-magento2) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)