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.

Nick Halsey

<p>Floating (Social Media) Links is designed to allow anyone to add a simple floating frame to their wordpress website/blog, which contains icons and links to their social media and/or partners’ websites. And before you read too far you should know that I’m among those who strongly dislike “floating” animations, so this plugin does a clean simple “stay-in-place” (sticky) float with no animation for an incredibly clean look.</p>
<p>The plugin is extremely flexible because of its custom links. In addition to a couple of built-in social media links, you can upload your own icons/logos that link to anything. You could create a small, persistent navigation bar, link to partner sites, link to sites for other parts of your organization, link to any of your social media, or any combination of the above.</p>
<p>On the social media side, the purposes of this plugin are highly customizable options and clean and simple linked icons rather than the cluitter of numerous “share” buttons (although popular “action buttons” can still be included). Instead of simply asking visitors to acknowledge their appreciation of your work (by liking or following), this encourages them to also check out your social media <em>content</em>, increasing real social interaction (more so than simply using page “likes” to indicate interaction). Also, as native OS/browser support for “share” features becomes the norm, it is redundant to clutter your site with buttons that share content.</p>
<p>This plugin features a refreshingly user-oriented interface for the admin that scales to users with varying desire for customization. If you want a quick set-up, you can focus on the most commonly used options and pick a frame theme that works with your site. If you like customizing stuff, you can configure the detailed components of everything from cookies to colors to z-indicies. The plugin followsa principles that prevent you from reading through irrelevant options (like frame-hide animation if you’ve chosen not to let users hide the frame), and hides less frequently used options by default. Easy to use for ANYONE!</p>
<p>For web designers and developers, you may customize which pages the frame appears on with your theme templates, and you can use custom, dynamic php-generated links (see the FAQ for details).</p>
<p>Please feel free to offer any feature suggestions you might have (through the support forums or by <a href="http://celloexpressions.com/dev/contact" rel="nofollow ugc">contacting me</a>) and I WILL consider them for future releases. Any and all feedback/suggestions, positive or negative, is useful!</p>


Floating Social Media Links

Add a clean and simple floating frame, with social media and/or custom links, to your website/blog.

KU Sticky Video for YouTube vs Floating Social Media Links