background-loop HLS MP4

A silent looping backdrop from a clip, on the lean profile

examples/background-loop/App.tsx

import { Video } from "@uln/hls/react";
import { film } from "../films";

/** A silent looping backdrop. A short MP4 is all it needs: it downloads once and loops from memory. */
export function App() {
  return (
    <header className="landing">
      <Video
        src={film.clip?.url ?? film.hls}
        poster={film.poster}
        playing
        muted
        loop
        profile="lean"
        className="backdrop"
      />
      <h1>Jane Doe, director</h1>
    </header>
  );
}