Live demo — this example is server-driven; run the showcase locally for the interactive version.

Video player

Use Video player straight from a Qute template — parameters and slots instead of Java builders. This reference is generated from the runtime template sources: each template documents its parameters and slots in the header comment shown beneath its include line.

Templates

video-player

{#include components/media/video-player /}

Video player — PHA custom component wrapping Video.js 
 Required: id — derives {id}-field on the <video-js> element that Video.js attaches to. 
 Optional: src (optional), type (optional), poster (optional), height (optional),
              autoplay (optional), loop (optional), muted (optional), controls (optional),
              preload (optional), fluid (optional), playbackRates (optional) 
 Requires: /web/vendor/videojs/video.min.js loaded before Alpine 
 Requires: /web/vendor/videojs/video-js.min.css 
 Requires: /web/js/alpine/components/video-player.js loaded before Alpine 
 Requires: /web/css/components/video-player.css