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.