<hlsjs-iframe-slider-thumbnail> in React

A Video.js v10 UI component that shows scrubbing previews from a stream's HLS I-frame playlists, decoded by hls.js.

React 19 renders custom elements, Video.js's included, without a wrapper.

Code

import '@videojs/html/video/player';
import '@videojs/html/video/skin';
import '@videojs/html/media/hlsjs-video';
import 'videojs-hlsjs-iframe-thumbnail';

export function Player() {
  return (
    <video-player>
      <video-skin>
        <hlsjs-video src="https://example.com/master.m3u8" playsinline />
        <hlsjs-iframe-slider-thumbnail slot="thumbnail" />
      </video-skin>
    </video-player>
  );
}

Install steps, including the required hls.js 1.7 override, and the full API are in the README on GitHub.