{"id":11549,"date":"2026-06-23T16:06:53","date_gmt":"2026-06-23T08:06:53","guid":{"rendered":"https:\/\/aeosub.com\/ku-sticky-video-for-youtube\/"},"modified":"2026-06-23T16:06:53","modified_gmt":"2026-06-23T08:06:53","slug":"ku-sticky-video-for-youtube","status":"publish","type":"post","link":"https:\/\/aeosub.com\/zh\/ku-sticky-video-for-youtube\/","title":{"rendered":"KU Sticky Video for YouTube"},"content":{"rendered":"
\"KU<\/div>\n
\n
LethaldiranMX Insight<\/div>\n
\n
\n

KU Sticky Video for YouTube addresses a common user experience challenge by keeping video content visible as users scroll through text-heavy pages. By converting standard YouTube embeds into a responsive, floating picture-in-picture player, it bridges the gap between video engagement and article readability. From an operational standpoint, its reliance on lightweight vanilla JavaScript and conditional asset loading ensures that site performance is not compromised for aesthetic utility. This makes it a highly practical tool for content publishers and bloggers who rely heavily on video-assisted storytelling to increase average session duration.<\/p>\n

Best Fit & Operational Role:<\/strong> This plugin is best suited for content-heavy WordPress sites, editorial blogs, and tutorial platforms that frequently embed YouTube videos within long-form articles. Operationally, it functions as a set-and-forget enhancement to default video embeds, resolving the issue of users having to choose between reading copy and watching accompanying video demonstrations. Because it loads assets conditionally only on pages containing YouTube embeds, it integrates cleanly into highly optimized production stacks without adding global script overhead.<\/p>\n

Potential Limitations & Pitfalls:<\/strong> The plugin is functionally restricted to YouTube embeds, meaning sites utilizing mixed video sources like Vimeo or self-hosted files will require alternative solutions for those platforms. Beyond this scope limitation, no performance overhead, security risks, or configuration complexities are identified based on available information.<\/p>\n<\/div>\n<\/div><\/div>\n

\n
\n \"KU <\/p>\n
\n
Plugin Specification<\/div>\n

WordPress.org Official Data<\/small>\n <\/div>\n<\/p><\/div>\n\n\n\n\n\n\n\n
Developer<\/th>\nkarasunouta<\/a><\/td>\n<\/tr>\n
Version<\/th>\nv1.8.3<\/td>\n<\/tr>\n
Active Installs<\/th>\n0 +<\/td>\n<\/tr>\n
Requires \/ Tested<\/th>\n5.6 \/ 7.0<\/td>\n<\/tr>\n
Last Updated<\/th>\n2026-06-23 8:04am GMT<\/td>\n<\/tr>\n
Official Link<\/th>\nView Details -><\/a><\/td>\n<\/tr>\n<\/table><\/div>\n
Automatically float YouTube videos on scroll as a sticky video. Features picture in picture floating video and smooth youtube scroll follow.<\/div>\n

Create a seamless and engaging viewing experience with KU Sticky Video for YouTube<\/strong>. This lightweight plugin automatically turns your YouTube embeds into a floating video<\/strong> (a sticky video<\/strong> in picture in picture<\/strong> style) that follows the reader as they browse your content.<\/p>\n

When a user scrolls past a playing video, the player smoothly glides to the corner of the page so they can keep watching. This prevents interruptions, keeping users engaged with your content while they read. (You can also configure it to float always on scroll.)<\/p>\n

Whether you want to implement youtube scroll<\/strong> tracking or a simple floating video<\/strong> widget, this plugin delivers high performance with zero configuration needed.<\/p>\n

This plugin contains minified JavaScript for performance. The complete, unminified source code is publicly available on GitHub:
\nhttps:\/\/github.com\/karasunouta\/ku-sticky-video-for-youtube<\/p>\n

Features<\/h3>\n
    \n
  • Float YouTube video player automatically when it scrolls out of view.<\/li>\n
  • Choose display position: Bottom Right or Bottom Left.<\/li>\n
  • Flexible trigger options: float only when playing or float always (scroll follow).<\/li>\n
  • Hide the floating player when scrolling above the original video position.<\/li>\n
  • Customize video width using either pixel (px) or percentage (%) units.<\/li>\n
  • Set maximum width limits for percentage-based sizing (keep within original video width or set custom pixel threshold).<\/li>\n
  • Adjust Z-index to prevent overlapping with theme header menus, widgets, or popups.<\/li>\n
  • Automatically limits sticky video height to 50% of viewport to prevent blocking screen space.<\/li>\n
  • Protect mobile user experience by disabling the sticky video player on narrow viewports automatically.<\/li>\n
  • Exclude specific videos using a customizable CSS class.<\/li>\n
  • Beautiful and clean admin settings page.<\/li>\n<\/ul>\n

    How can I prevent a specific YouTube video from floating?<\/h3>\n

    You can add the excluded CSS class (configured in the settings page, default: no-sticky<\/code>) to the YouTube block or its parent container in the WordPress editor under “Advanced” -> “Additional CSS class(es)”.<\/p>\n

    Will this plugin slow down my website?<\/h3>\n

    No, it is built with performance in mind. The plugin is extremely lightweight (minified vanilla JS, no jQuery) and utilizes conditional loading. This means scripts and styles are only loaded on pages or posts that actually contain YouTube video embeds. Other pages will remain completely untouched.<\/p>\n

    How do I fix the floating player overlapping with my header menu or chat widget?<\/h3>\n

    You can adjust the Z-index setting in the plugin options (Settings -> KU Sticky Video for YouTube). Increasing the Z-index will bring the player forward, while decreasing it can place it behind sticky menus. You can also switch the display position between Bottom Right and Bottom Left.<\/p>\n

    Can I disable the sticky effect on mobile devices?<\/h3>\n

    Yes. There is a setting to automatically disable the sticky player on narrow viewports (mobile devices). This ensures a clean and user-friendly experience on smaller screens where screen space is limited.<\/p>\n

    Does it work with the default WordPress Gutenberg editor?<\/h3>\n

    Yes, it works out of the box with the default WordPress YouTube Embed blocks, as well as classic editor embeds and raw iframe codes within post content.<\/p>\n

    Build Instructions<\/h3>\n

    To rebuild the minified assets, run the following commands in the plugin directory:
    \n1. npm install<\/code> (to install build dependencies)
    \n2. npm run build<\/code> (to compile the source files using @wordpress\/scripts<\/code>)<\/p>\n

    1.8.3<\/h3>\n
      \n
    • Add: Settings link on plugins list page.<\/li>\n<\/ul>\n

      1.8.2<\/h3>\n
        \n
      • Fix: Resolved an issue where sticky borders and box-sizing styles would leak and remain on the original video player after dismissing the sticky state.<\/li>\n<\/ul>\n

        1.8.0<\/h3>\n
          \n
        • Improve: Migrated scroll tracking to IntersectionObserver API to eliminate layout reflows (getBoundingClientRect) for a much smoother scroll experience.<\/li>\n
        • 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>\n<\/ul>\n

          1.7.0<\/h3>\n
            \n
          • Add: Support for percentage (%) and pixel (px) width units for the floating player.<\/li>\n
          • Add: Max-width constraints for percentage-based sizes to prevent exceeding original video width or a custom pixel limit.<\/li>\n
          • Add: Configurable Z-index option to resolve overlapping with sticky header menus and chat widgets.<\/li>\n
          • Add: Option to hide the floating player when scrolling above the original video’s position.<\/li>\n
          • Improve: Auto-limit the floating player’s height to 50% of the viewport.<\/li>\n
          • Fix: Resolved issue where the sticky player was not dismissed when playing another video while a sticky video is paused.<\/li>\n
          • Fix: Refined YouTube API iframe loading and initialization timing.<\/li>\n<\/ul>\n

            1.6.1<\/h3>\n
              \n
            • Fix: Adjusted Japanese translation spacing and punctuation to align with the WordPress translation style guide.<\/li>\n<\/ul>\n

              1.6.0<\/h3>\n
                \n
              • Add: Option to select display position (Bottom Right or Bottom Left).<\/li>\n
              • Add: Option to automatically disable sticky video on narrow (mobile) viewports.<\/li>\n
              • Improve: Enhance internal hooks and architecture to support future extensions.<\/li>\n<\/ul>\n

                1.5.0<\/h3>\n
                  \n
                • Rename: Renamed plugin from “Sticky YouTube” to “KU Sticky Video for YouTube”.<\/li>\n
                • Update: Updated version to 1.5.0.<\/li>\n<\/ul>\n

                  1.4.3<\/h3>\n
                    \n
                  • Fix: Compatibility headers and PHP version.<\/li>\n
                  • Fix: Settings page security enhancements.<\/li>\n
                  • Add: License declarations for WordPress.org submission.<\/li>\n<\/ul>\n

                    1.0.0<\/h3>\n
                      \n
                    • Initial release.<\/li>\n<\/ul>\n
                      Editorial note: This overview combines WordPress.org official plugin metadata with an AI-assisted LethaldiranMX editorial review. Plugin data should be verified on the official WordPress.org listing before installation.<\/div>","protected":false},"excerpt":{"rendered":"

                      Automatically float YouTube videos on scroll as a sticky video. Features picture in picture floating video and smooth youtube scroll follow.<\/p>","protected":false},"author":1,"featured_media":11550,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[252],"tags":[2795,2796,2797,555,1323,2798],"class_list":["post-11549","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-trends","tag-floating-video","tag-picture-in-picture","tag-sticky-video","tag-wordpress-plugin","tag-youtube","tag-youtube-scroll"],"_links":{"self":[{"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/posts\/11549","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/comments?post=11549"}],"version-history":[{"count":0,"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/posts\/11549\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/media\/11550"}],"wp:attachment":[{"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/media?parent=11549"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/categories?post=11549"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/tags?post=11549"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}