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.

Wow-Company

DmtLo

<p><strong>Button Generator</strong> is a lightweight and powerful WordPress plugin that lets you create fully customizable <strong>buttons</strong> with icons, styles, and built-in analytics — without writing a single line of code.</p>
<p>Add floating <strong>buttons</strong>, inline <strong>buttons</strong>, or call-to-action <strong>buttons</strong> anywhere on your website. Each <strong>button</strong> can be customized with full control over size, colors, fonts, borders, and effects. You can also add icons, define <strong>button</strong> placement, and track performance with detailed analytics.</p>
<p>With <strong>Button Generator</strong>, you can design contact <strong>buttons</strong>, floating  <strong>buttons</strong>, sticky action <strong>buttons</strong>, or <strong>button</strong> with any link.</p>
<p>🎨 Boost engagement. 💡 Improve navigation. 📈 Track results.</p>
<h3>Features</h3>
<h3>🛠️ Intuitive Button Builder</h3>
<ul>
<li>Visual live preview while editing your <strong>buttons</strong></li>
<li>Choose between text <strong>buttons</strong>, icon <strong>buttons</strong>, or a mix of both</li>
<li>Add links and attributes (ID, class, aria-label) for accessible <strong>buttons</strong></li>
</ul>
<h3>🎨 Style Control</h3>
<ul>
<li>Set <strong>button</strong> width, height, and z-index</li>
<li>Customize colors for <strong>button</strong> text, background, icons, and hover states</li>
<li>Border settings: style, radius, thickness</li>
<li>Drop shadow options for standout <strong>buttons</strong></li>
<li>Font settings: family, weight, size, style</li>
</ul>
<h3>💫 Effects</h3>
<ul>
<li>Smooth <strong>button</strong> animations with custom transition duration</li>
<li>Choose easing functions (ease, linear, etc.)</li>
</ul>
<h3>🎯 Display & Targeting</h3>
<ul>
<li>Floating or inline <strong>button</strong> types</li>
<li>Position <strong>buttons</strong> anywhere on the screen</li>
<li>Display <strong>buttons</strong> via shortcode or advanced targeting rules (posts, pages, categories, tags, authors, archives)</li>
<li>Responsive visibility: show or hide <strong>buttons</strong> on mobile or desktop</li>
<li>Option to disable Font Awesome loading if not needed</li>
</ul>
<h3>📊 Analytics & Controls</h3>
<ul>
<li>Built-in tracking for <strong>button</strong> views, clicks, and conversion rates</li>
<li>Enable/disable specific <strong>buttons</strong> or use test mode for admin-only preview</li>
</ul>
<h4>🎥 Video Preview</h4>
<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/JqFZjUT7YpM?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></p>
<p><strong>Types of Buttons You Can Create</strong></p>
<p>With <strong>Button Generator</strong>, you can design any type of <strong>button</strong> your website needs:</p>
<ul>
<li><strong>Call Button</strong> – let visitors contact you in one click.</li>
<li><strong>Chat Button</strong> – open a live chat or messaging app.</li>
<li><strong>Email Button</strong> – instantly launch an email client.</li>
<li><strong>Link Button</strong> – redirect to internal pages or external websites.</li>
<li><strong>Floating Button</strong> – keep important actions visible while scrolling.</li>
<li><strong>Sticky Button</strong> – fixed at the top or bottom of the page.</li>
<li><strong>Inline Button</strong> – placed directly inside your content.</li>
<li><strong>Icon Button</strong> – lightweight buttons with FontAwesome icons.</li>
</ul>
<h3>Support</h3>
<p>Need help? Visit the <a href="https://wordpress.org/support/plugin/button-generation/" rel="ugc">Support Forum</a></p>
<h3>Installation Instructions</h3>
<h3>📌 Option 1: Install via WordPress Dashboard</h3>
<ol>
<li>Log into your WordPress admin (<code>wp-admin</code>).</li>
<li>Navigate to <code>Plugins</code> <span aria-hidden="true" class="wp-exclude-emoji">→</span> <code>Add New</code>.</li>
<li>Search for <strong>“Button Generator”</strong> and click <strong>“Install Now”</strong>.</li>
<li>Once installed, click <strong>“Activate”</strong>.</li>
</ol>
<h3>📌 Option 2: Manual Installation (Upload)</h3>
<ol>
<li>Download the Button Generator plugin ZIP file.</li>
<li>In your WordPress admin, go to <code>Plugins</code> <span aria-hidden="true" class="wp-exclude-emoji">→</span> <code>Add New</code> <span aria-hidden="true" class="wp-exclude-emoji">→</span> <code>Upload Plugin</code>.</li>
<li>Select the downloaded ZIP file and click <strong>“Install Now”</strong>.</li>
<li>Click <strong>“Activate”</strong> after installation.</li>
</ol>
<h3>📌 Option 3: Installation via FTP</h3>
<ol>
<li>Download and unzip the Button Generator plugin.</li>
<li>Upload the extracted <code>button-generation</code> folder to the <code>/wp-content/plugins/</code> directory on your server using FTP.</li>
<li>Log in to WordPress admin, navigate to <code>Plugins</code>, and click <strong>“Activate”</strong> next to Button Generator.</li>
</ol>
<h3>🚀 Getting Started</h3>
<ol>
<li>After activation, navigate to the new <code>Button Generator</code> menu in your WordPress admin.</li>
<li>Click <strong>“Add New”</strong> to create your first button set.</li>
<li>Customize button settings as desired.</li>
<li>Click <strong>“Save”</strong> to display your custom buttons on your website.</li>
</ol>


Button Generator – Easily Create Custom Buttons with Icons and Analytics

Best plugin for creating a custom button for different targets. Easy creating and customize with Live preview

The best button generation plugin

Design and display custom buttons anywhere on your site. Add floating or inline buttons with icons, advanced targeting, and built-in analytics.

KU Sticky Video for YouTube vs Button Generator – Easily Create Custom Buttons with Icons and Analytics