<hlsjs-iframe-slider-thumbnail>

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

Scrub the time slider.

Code

<video-player>
  <video-skin>
    <hlsjs-video src="https://example.com/master.m3u8" playsinline></hlsjs-video>
    <hlsjs-iframe-slider-thumbnail slot="thumbnail"></hlsjs-iframe-slider-thumbnail>
  </video-skin>
</video-player>

<script type="module">
  import '@videojs/html/video/player';
  import '@videojs/html/video/skin';
  import '@videojs/html/media/hlsjs-video';
  import 'videojs-hlsjs-iframe-thumbnail';
</script>

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