SLAppSLU Widget Demo

Sign Language Overlay

Click the hands icon next to any heading to open a transparent sign language video overlay for that section.

Section 1 — Introduction

Welcome to SLU Overlay

This section is linked to video 1. Clicking the hands button opens a floating video overlay with a transparent background, draggable and resizable on desktop.

data-slu-video="1"

How to add a trigger button

<button class="sl-slu-btn" data-slu-video="1"> <img src="logoslu.png" alt="Sign Language"> </button>
Section 2 — Services

Our Services

Each button on the page can trigger a different sign language video. The overlay swaps the video instantly without closing — perfect for multi-section pages.

data-slu-video="2"
Section 3 — About

About Accessibility

Providing seamless access to information for the sign language community. The playback bar at the bottom lets users scrub to any point in the video.

data-slu-video="3"
Section 4 — Contact

Get In Touch

Contact us to learn more about how to integrate this widget into your website. Named video IDs (e.g. data-slu-video="contact-intro") are also supported for non-sequential pages.

data-slu-video="4"