Skip to main content

Installation

Usage

Unlike the React block, there is no single <bw-video-player> element. Compose the video custom elements inside a <bw-video-player-provider> with data-video="true". Import the modules (each calls customElements.define), then arrange the elements:
The provider renders a rounded frame, 536px wide with a 16:9 aspect ratio. <bw-video-control-bar> overlays its controls (skip back, play/pause, skip forward) on the feature image / video surface. While playing and scrolled out of view, <bw-video-widget-bar> appears as a floating mini-widget with compact controls. For portrait video, set data-aspect="9/16" and data-height="480" on the provider. See Vertical Video Player.
These components expect the BeyondWords player to be available as a global BeyondWords (the player UMD script). Load it before the provider connects.