Amazing WordPress Effect - FREE WordPress plugin 🔥 🔗 **Source:** [Amazing WordPress Effect - FREE WordPress plugin 🔥](https://www.youtube.com/watch?v=H0VoI_BUvws) > [!note]+ Document Notes > tags: [WordPress, Plugin, UX] > author: an unnamed author > source: [YouTube] > reference: [https://www.youtube.com/watch?v=H0VoI_BUvws] > date created: {{date:YYYY-MM-DD}} {{time:HH:mm}} > > # 🏷️ Title: Amazing WordPress Effect - FREE WordPress plugin 🔥 > <!-- deep-read:sections start --> ## 🧭 Table of Contents - [📝 Summary](#-summary) - [📖 Main Content](#-main-content) - [🗒️ Notes](#️-notes) - [📚 References](#-references) - [🗣️ Paraphrase](#️-paraphrase) - [📰 Newsletter](#-newsletter) - [✅ Action Items](#-action-items) - [🧪 Hypotheses](#-hypotheses) - [📊 Methodology](#-methodology) - [❓ Questions](#-questions) - [🔮 Future Research](#-future-research) - [💡 Implications](#-implications) - [🧠 Learning Styles Assessment](#-learning-styles-assessment) - [📊 Accessibility Assessment](#-accessibility-assessment) - [🌍 DEIB Assessment](#-deib-assessment) - [✅ Logical Validity](#-logical-validity) - [🛡️ DARVO Analysis](#-darvo-analysis) - [🎯 Conclusion](#-conclusion) ### 🔗 References - Video: *Amazing WordPress Effect - FREE WordPress plugin 🔥* (YouTube). https://www.youtube.com/watch?v=H0VoI_BUvws - Plugin page: Scrubber by Pootlepress. https://pootlepress.com/scrubber - WordPress Cover block reference. https://wordpress.org/documentation/article/cover-block/ - Core video support in blocks. https://developer.wordpress.org/block-editor/how-to-guides/media/ ## 📝 Summary - The video launches Scrubber, a free scroll-to-video plugin. [YouTube](https://www.youtube.com/watch?v=H0VoI_BUvws) - It ties video playback to scroll within the Cover block. [Cover block docs](https://wordpress.org/documentation/article/cover-block/) - Stakeholders include site builders, agencies, educators, and plugin authors. - Risks include performance costs, accessibility gaps, and browser quirks. - Bottom line: Scrubber offers simple, responsive scroll-video effects for Gutenberg sites. [Plugin](https://pootlepress.com/scrubber) ## 📖 Main Content - Scrubber adds a toggle to the Cover block options panel. - It syncs scroll position with video time. [Video](https://www.youtube.com/watch?v=H0VoI_BUvws) - It avoids custom blocks and uses standard video formats. [Dev guide](https://developer.wordpress.org/block-editor/how-to-guides/media/) - Suggested uses include product showcases and editorial storytelling. - The demo shows sequential reveals during scrolling. [Video](https://www.youtube.com/watch?v=H0VoI_BUvws) - Setup steps appear straightforward. - Insert a Cover block, choose a video, set full-width, toggle Scrubber. [Cover block](https://wordpress.org/documentation/article/cover-block/) - The plugin is free and labeled v1. - The author requests feedback and bug reports. [Plugin](https://pootlepress.com/scrubber) - Uncertainties remain around browser support and performance. - Long videos may impact CPU and battery life. ### 🗒️ Notes #### ⏱️ [00:03](https://www.youtube.com/watch?v=H0VoI_BUvws&t=3) Free release - Announces Scrubber and shows availability. - Promises quick demo and download link. #### ⏱️ [00:21](https://www.youtube.com/watch?v=H0VoI_BUvws&t=21) What it does - Connects scroll to video playback. - Targets Cover block for integration. #### ⏱️ [00:41](https://www.youtube.com/watch?v=H0VoI_BUvws&t=41) Use cases - Product reveals and editorial effects. - Builds narrative momentum during scroll. #### ⏱️ [01:00](https://www.youtube.com/watch?v=H0VoI_BUvws&t=60) Setup - Add Cover block with video background. - Make full-width and full-height. #### ⏱️ [01:15](https://www.youtube.com/watch?v=H0VoI_BUvws&t=75) Toggle - Disable overlay opacity. - Enable Scrubber with a single switch. #### ⏱️ [01:32](https://www.youtube.com/watch?v=H0VoI_BUvws&t=92) Behavior - Video scrubs with scroll position. - Optional offset supports below-the-fold videos. #### ⏱️ [01:49](https://www.youtube.com/watch?v=H0VoI_BUvws&t=109) Version 1 caveats - Asks for glitch reports. - Encourages improvement suggestions. #### ⏱️ [02:05](https://www.youtube.com/watch?v=H0VoI_BUvws&t=125) Call to action - Shares download URL. - Invites ideas for new creative plugins. ## 📚 References - Scrubber plugin page (download and notes). https://pootlepress.com/scrubber - WordPress Cover block docs. https://wordpress.org/documentation/article/cover-block/ - Video walkthrough. https://www.youtube.com/watch?v=H0VoI_BUvws - Media in block editor. https://developer.wordpress.org/block-editor/how-to-guides/media/ ## 🗣️ Paraphrase - Scrubber lets WordPress users link scrolling to video playback inside the Cover block. - The plugin is free, simple to enable, and aimed at engaging storytelling layouts. ## 📰 Newsletter - Want cinematic scroll-video in Gutenberg without code? - Scrubber adds a one-click toggle to the Cover block. - Use it for product tours, lookbooks, or hero narratives. - Mind performance, a11y, and mobile testing before launch. - Try it here: [pootlepress.com/scrubber](https://pootlepress.com/scrubber) and review the [Cover block guide](https://wordpress.org/documentation/article/cover-block/). ## ✅ Action Items - DevRel - Film a 5-minute “from zero to scroll-video” tutorial. - Publish a performance checklist for scroll-video pages. - Developer advocacy: plans, talks, demos, and measurable outcomes. - Demo Scrubber at meetups with Lighthouse before/after metrics. - Track demo→adoption conversions by campaign UTM. - Education: workshops, curricula, office hours, mentorship programs. - Build a lesson on media performance and preloading strategies. - Offer office hours on a11y for motion-heavy pages. - Developer experience: docs, SDKs, examples, templates, quickstarts. - Create a block-theme sample with Scrubber sections. - Ship example patterns with responsive fallbacks. - Developer marketing: campaigns, content, funnels, and attribution. - Launch a “scroll stories” gallery featuring community builds. - Attribute referrals to plugin page visits. - Community management: moderation, code of conduct ops, surveys. - Open a feedback form for v1 bug triage. - Survey creators about devices, browsers, and video lengths. - Internal/external/cross-project: align goals, SLAs, and feedback loops. - Define a response SLA for critical Scrubber bugs. - Share perf findings with theme and hosting partners. - OSPO - Policy & Governance: contribution policies, decision rights, charters. - Document review flow for motion features and a11y sign-off. - License Compliance: policies, scanning, review, and training cadence. - Verify third-party video libraries and licenses. - Security Management: vuln intake, embargo policy, signing, attestations. - Sign plugin releases and publish checksums. - Software Inventory: SBOM strategy, ownership, freshness SLOs. - Track media dependencies and browser API usage. - Developer Support: training, tooling, legal guardrails, consultation hours. - Provide guidance on autoplay policies and consent. - Community Engagement: upstream funding, MoUs, operator agreements. - Support a11y audits through microgrants. - Strategic Alignment: KPIs, OKRs, executive reporting, initiative roadmaps. - KPIs: CLS/INP targets on pages using Scrubber. - Community - Maintainers: roadmap clinics, governance templates, release hygiene. - Plan minor releases for offset, touch, and Safari fixes. - Contributors: onboarding paths, “first issue” rotations, pairing sessions. - Label good first issues: focus states and keyboard support. - Sponsors: transparent budgets, milestones, deliverables, impact reports. - Fund cross-device testing matrix and fixes. - Ecosystem: cross-project incident drills and coordinated disclosures. - Run a performance regression drill across themes. - WordPress - Core: priorities, issue triage, performance budgets, release criteria. - Track scroll-linked animations API discussions. - Core Performance: profiling plans, metrics dashboards, perf bounties. - Benchmark video decode and scroll jank. - Core AI: responsible AI guardrails, evaluation sets, pilot projects. - N/A for this plugin; keep watch on caption AI. - Core Program: coordination rituals, cross-team dependencies, retrospectives. - Share learnings with Themes and Accessibility teams. - Mobile: app backlog, telemetry review, offline UX improvements. - Ensure low-power mode behavior remains smooth. - Playground: browser labs, reproducible bugs, education modules. - Provide a ready-made Scrubber Playground demo. - Community: meetup kits, WordCamp playbooks, speaker mentorship. - Include a demo deck with a11y cautions. - Training: lesson plans, learning paths, certification pilots. - Add a module on motion design in Gutenberg. - Marketing: campaigns, narratives, social editorial calendars. - Feature before/after reels with perf annotations. - Support: response SLAs, knowledge base gaps, escalation paths. - Document common issues: overlay, offsets, and muted playback. - Design: UX audits, design tokens, research backlogs. - Provide motion guidelines and reduction preferences. - Documentation: DevHub/HelpHub gaps, examples-first patterns, style guide. - Document Cover block + Scrubber workflows. - Photos: content drives, moderation guidelines, taxonomy hygiene. - Curate short, loop-friendly demo clips. - TV: submission guides, caption quality, content indexing. - Chapterize tutorial videos for quick scanning. - Polyglots: translation sprints, glossary alignment, locale coverage. - Localize plugin settings labels and help text. - Accessibility: WCAG reviews, tooling, issues heatmap, audits cadence. - Provide “reduce motion” fallback and captions guidance. - Meta: .org roadmap, API reliability, contributor tools. - Track plugin adoption telemetry ethically. - CLI: command coverage, UX docs, plugin scaffolds, smoke tests. - Add a WP-CLI command to toggle Scrubber in bulk. - Hosting: cross-host checklists, defaults, telemetry for reliability. - Recommend optimal encodes and caching. - Tide: scoring transparency, false-positive review loops, plugin outreach. - Encourage a11y-aware motion defaults. - Openverse: ingestion pipelines, moderation policy, education tie-ins. - Respect licenses for demo videos. - Themes: review throughput, lints, mentoring, test matrices. - Test theme CSS interactions with Cover block video. - Plugins: review throughput, security liaisons, provenance checks. - Validate capability checks before enabling features. - The WPCC - Programs: fellowship tracks, microgrants, maintainer stipends. - Fund an a11y review and motion audit guide. - Projects: governance clinics, documentation sprints, release teams. - Publish a “motion on the web” governance checklist. - Funding experiments: matched grants, milestone payouts, transparent ledgers. - Sponsor cross-browser testing and device labs. - FAIR - Technical independence: local metadata, provenance, and signature checks. - Sign plugin zips and publish provenance. - Policies and covenants: funding transparency, sunset clauses, anti-capture. - Disclose sponsorships for demo galleries. - Productized governance artifacts: charters, operator agreements, scorecards. - Scorecards for performance, a11y, and privacy. ## 🧪 Hypotheses - Scroll-linked video increases time on page for product pages. - A “reduce motion” fallback maintains conversion on sensitive audiences. - Optimized encodes reduce jank on mid-range Android devices. - Clear captions and transcripts improve comprehension and retention. ### 📊 Methodology - Run A/B tests on product pages with and without Scrubber. - Measure INP, CLS, and dropped frames on device labs. - Segment metrics by prefers-reduced-motion and connection types. - Collect user feedback with structured surveys. ### ❓ Questions - How does Scrubber behave on iOS Safari with heavy pages? - What encoding settings yield the best scroll responsiveness? - Can the plugin respect system reduced-motion preferences automatically? ### 🔮 Future Research - Explore integration with Scroll-Linked Animations spec. - Add caption tracks synchronized to scrubbing. - Provide lazy-loading strategies for long narratives. ### 💡 Implications - Practice: motion can guide attention when used thoughtfully. - Policy: document a11y approvals for motion features. - Security: sign releases and avoid third-party trackers in demos. - Education: teach media performance and motion reduction patterns. ### 🧠 Learning Styles Assessment - Reading level estimate: Flesch-Kincaid Grade ≈ 9–10. - Visual learners - Present: screen demos and motion examples. - Improve: labeled diagrams of scroll→time mapping. - Aural learners - Present: narrated walkthrough. - Improve: 2–3 minute audio summary and captions. - Verbal learners - Present: step lists and toggles. - Improve: glossary for motion terms and settings. - Kinesthetic learners - Present: try-it steps in Gutenberg. - Improve: checklist for staging and live review. - Logical learners - Present: simple cause-effect of scroll and playback. - Improve: decision tree for enabling motion. - Social learners - Present: comments and community sharing. - Improve: critique channels and showcase reviews. - Solitary learners - Present: self-paced video. - Improve: written quickstart with screenshots. - Naturalistic learners - Present: none. - Improve: note energy impact of media on mobile. ### 📊 Accessibility Assessment - Screen reader semantics - Present: basic block semantics via Gutenberg. - Improve: alt text, captions, and descriptive headings. - Keyboard navigation - Present: core block focus order. - Improve: ensure scrubbing doesn’t trap focus. - Contrast and readability - Present: theme-dependent. - Improve: verify 4.5:1 and overlay legibility. - Text resizing and reflow - Present: responsive Cover layouts. - Improve: test at 200% zoom without overlap. - Media and captions - Present: native video support. - Improve: provide captions and transcripts; disable autoplay. - Forms and interactions - Present: minimal. - Improve: clear control labels and ARIA where needed. - Standards reference - Map items to WCAG 2.2 AA: 1.4.x, 2.2.x, 2.3.3, 2.4.x. ### 🌍 DEIB Assessment - Cultural breadth - Present: general applicability. - Improve: examples across regions and industries. - Inclusive language - Present: neutral tone. - Improve: avoid idioms in docs; define jargon. - Neurodiversity support - Present: short instructions. - Improve: explicit “reduce motion” guidance. - Representation - Present: generic demos. - Improve: feature diverse creators and content. - Psychological safety - Present: invites feedback. - Improve: publish contribution and moderation guidelines. ### ✅ Logical Validity - Strong reasoning - Causal link: scroll controls playback; user gains agency. Shown in demo. - Analogical strength: “story chapter” framing clarifies use cases. - Fallacies - Potential overgeneralization on ease across themes. Mitigate with test matrix. - Tone of voice - Informative, encouraging, and concise. ### 🛡️ DARVO Analysis - Deny - No denial present. - Attack - No attacks on critics or alternatives. - Reverse victim/offender - Not applicable in this instructional context. ## 🎯 Conclusion - Scrubber adds practical scroll-video to the Cover block with minimal setup. - Test performance, add captions, and respect reduced-motion preferences. - Ship a demo, gather feedback, and plan a v1.1 with a11y and perf fixes. <!-- deep-read:sections end --> ## 📺 Video  --- # 📄 Full Transcript *Auto-generated from YouTube captions · timestamps roughly every 30 seconds · [watch on YouTube](https://www.youtube.com/watch?v=H0VoI_BUvws)* **[00:00]** A few days ago, I showed you a scrub to scroll video plugin that I've been working on. Well, today I'm releasing it completely for free. In a moment, I'll show you where to go and download it and how to use it. But first, here's what it does. This is Scrubber, a plugin that adds an extra option to your WordPress cover block. It connects video playback directly to your user scroll, creating a visually arresting and highly engaging experience. You can use it to showcase products or content in a dynamic new way. As the user scrolls through this fashion editorial, the videos and images appear to come alive in sequence, **[00:30]** driving deeper exploration and revealing a new look one frame at a time. And of course, it's fully responsive. Beyond commercial uses, Scrubber is fantastic for setting a mood or visualizing a narrative. Scroll through this stylized animated journey, making the content below feel like the next chapter in the story. I built Scrubber to be lightweight and really simple to use. It's just one toggle inside the WordPress cover block, working with standard video format. So, no extra block required. Drop any feedback in the comments on how it could be improved. Scrubber is super easy to use. I'm just **[01:02]** going to start by adding a cover block. Then, I'm going to choose a video as the background. I'm going to do a few little tweaks here because the cover block starts normal width and I'm going to make it full width. Let's make it full height as well. I'm also going to get rid of the overlay opacity. So, we're just left with our pure video. Now, I'm going to set the scrub scroll. You'll see there's just one simple toggle down here. Just turn that on. That's all you need to do. I've also built in this other option that lets you scrub at a certain point from the top. This is useful when your videos are further down the page. Now, when I scroll up, you'll **[01:32]** see that scrubs in time with my mouse movements. Now, this is version one, and there are bound to be some glitches. So, please let me know in the comments how you get on. But if you want to go and try it out today, completely for free, go to poodlepress.com/scrubber. I've actually got a whole bunch of other creative ideas for plugins that can take your sites to the next level. So, if you want me to start building those, drop a yes, please in the comments below. Thank you so much for watching. I hope you find Scrubby useful. Again, let me know how you get on in the comments. And if you build anything exciting, post that in the comments as well. I'd love to see **[02:02]** what you build. And also, if you can hit that like button down below, it would be amazing because it does help spread the word of the video. And also, every time you do hit that like button, our cats get a little treat. [Applause]