karasunouta

<p>KU Sticky Video for YouTube is a lightweight WordPress plugin that automatically makes YouTube video players inside post content follow the scroll position, showing in the corner of the page when the original video scrolls out of view.</p>
<p>This plugin contains minified JavaScript for performance. The complete, unminified source code is publicly available on GitHub:<br />
https://github.com/karasunouta/ku-sticky-video-for-youtube</p>
<h3>Build Instructions</h3>
<p>To rebuild the minified assets, run the following commands in the plugin directory:<br />
1. <code>npm install</code> (to install build dependencies)<br />
2. <code>npm run build</code> (to compile the source files using <code>@wordpress/scripts</code>)</p>
<h3>Features</h3>
<ul>
<li>Float YouTube video player automatically when it scrolls out of view.</li>
<li>Choose display position: Bottom Right or Bottom Left.</li>
<li>Flexible trigger options: float only when playing or float always (scroll follow).</li>
<li>Hide the floating player when scrolling above the original video position.</li>
<li>Customize video width using either pixel (px) or percentage (%) units.</li>
<li>Set maximum width limits for percentage-based sizing (keep within original video width or set custom pixel threshold).</li>
<li>Adjust Z-index to prevent overlapping with theme header menus, widgets, or popups.</li>
<li>Automatically limits sticky video height to 50% of viewport to prevent blocking screen space.</li>
<li>Protect mobile user experience by disabling the sticky video player on narrow viewports automatically.</li>
<li>Exclude specific videos using a customizable CSS class.</li>
<li>Beautiful and clean admin settings page.</li>
</ul>
<h3>How can I prevent a specific YouTube video from floating?</h3>
<p>You can add the excluded CSS class (configured in the settings page, default: <code>no-sticky</code>) to the YouTube block or its parent container in the WordPress editor under “Advanced” -> “Additional CSS class(es)”.</p>
<h3>1.8.0</h3>
<ul>
<li>Improve: Migrated scroll tracking to IntersectionObserver API to eliminate layout reflows (getBoundingClientRect) for a much smoother scroll experience.</li>
<li>Improve: Implemented conditional asset loading on PHP side to skip loading JS/CSS on singular pages that do not contain any YouTube video embeds.</li>
</ul>
<h3>1.7.0</h3>
<ul>
<li>Add: Support for percentage (%) and pixel (px) width units for the floating player.</li>
<li>Add: Max-width constraints for percentage-based sizes to prevent exceeding original video width or a custom pixel limit.</li>
<li>Add: Configurable Z-index option to resolve overlapping with sticky header menus and chat widgets.</li>
<li>Add: Option to hide the floating player when scrolling above the original video’s position.</li>
<li>Improve: Auto-limit the floating player’s height to 50% of the viewport.</li>
<li>Fix: Resolved issue where the sticky player was not dismissed when playing another video while a sticky video is paused.</li>
<li>Fix: Refined YouTube API iframe loading and initialization timing.</li>
</ul>
<h3>1.6.1</h3>
<ul>
<li>Fix: Adjusted Japanese translation spacing and punctuation to align with the WordPress translation style guide.</li>
</ul>
<h3>1.6.0</h3>
<ul>
<li>Add: Option to select display position (Bottom Right or Bottom Left).</li>
<li>Add: Option to automatically disable sticky video on narrow (mobile) viewports.</li>
<li>Improve: Enhance internal hooks and architecture to support future extensions.</li>
</ul>
<h3>1.5.0</h3>
<ul>
<li>Rename: Renamed plugin from “Sticky YouTube” to “KU Sticky Video for YouTube”.</li>
<li>Update: Updated version to 1.5.0.</li>
</ul>
<h3>1.4.3</h3>
<ul>
<li>Fix: Compatibility headers and PHP version.</li>
<li>Fix: Settings page security enhancements.</li>
<li>Add: License declarations for WordPress.org submission.</li>
</ul>
<h3>1.0.0</h3>
<ul>
<li>Initial release.</li>
</ul>


KU Sticky Video for YouTube

Make YouTube video player in posts follow the scroll position, showing in the corner of the page.

UserElements

<p><strong>Floating Product Category for WooCommerce</strong> adds a sticky category panel to your online store. Shoppers tap a floating button to open a full product category menu from anywhere on your site — shop pages, product pages, blog posts, or landing pages.</p>
<p>Help customers find products faster, reduce bounce rate, and improve WooCommerce navigation without touching your theme or writing code.</p>
<h4>Why use a floating category sidebar?</h4>
<p>Most WooCommerce themes bury category links in the main menu or hide them on mobile. A floating category button keeps your product catalog one click away on every page, which helps shoppers discover categories they might otherwise miss.</p>
<h4>Key features</h4>
<ul>
<li><strong>Floating sticky category button</strong> — fixed on the left or right edge of the screen</li>
<li><strong>Slide-out category panel</strong> — opens over the page without a full reload</li>
<li><strong>Unlimited sub-category nesting</strong> — accordion expand/collapse for deep category trees</li>
<li><strong>In-panel category search</strong> — filter long category lists instantly</li>
<li><strong>Active category highlighting</strong> — shows the current category and auto-expands its branch</li>
<li><strong>Breadcrumb trail</strong> — context on category and shop archive pages</li>
<li><strong>Display targeting</strong> — all pages, shop & product pages only, or everywhere except Cart & Checkout</li>
<li><strong>Remembers open/closed state</strong> — panel state persists as shoppers browse</li>
<li><strong>Two layouts</strong> — simple text list or category cards with thumbnail images</li>
<li><strong>Product count</strong> — optional count next to each category name</li>
<li><strong>Product tags & brands</strong> — optional flat lists below categories (WooCommerce Brands supported)</li>
<li><strong>Preserve shop filters</strong> — optionally keep price and rating filters when switching categories</li>
<li><strong>Keyboard accessible</strong> — Escape to close, click-outside to close, ARIA states</li>
<li><strong>Fully customizable</strong> — colors, position, layout, and behavior via the WordPress Customizer</li>
<li><strong>No theme changes</strong> — works with any WooCommerce-compatible theme</li>
</ul>
<h4>Perfect for</h4>
<ul>
<li>WooCommerce stores with large or deeply nested product category structures</li>
<li>Shops that want mobile-friendly category navigation without a hamburger menu rebuild</li>
<li>Store owners who need category access on non-shop pages (home, blog, landing pages)</li>
<li>Sites using product tags or WooCommerce Brands alongside categories</li>
</ul>
<h4>Customization</h4>
<p>All settings live in <strong>Appearance <span aria-hidden="true" class="wp-exclude-emoji">→</span> Customizer <span aria-hidden="true" class="wp-exclude-emoji">→</span> Floating Product Category</strong>. Change background and text colors, button style, float position (left or right), layout, category order, maximum depth, empty-category visibility, and where the panel appears — with live preview.</p>
<h4>Performance</h4>
<p>The category tree is built from a single cached query, so large catalogs stay fast even with many parent and child categories.</p>


Sticky WooCommerce Category Menu

Add a floating, sticky WooCommerce product category sidebar so shoppers can browse your shop from any page — no theme edits required.

KU Sticky Video for YouTube vs Sticky WooCommerce Category Menu