media-offset

Configures a media element to lock playback to a defined segment of the media. The user will not be able to seek to the outside parts of the video.

Usage (Codesandbox)

This video will autoplay muted and loop through the segment from 5s to 8s.

  <script type="module" src="https://cdn.jsdelivr.net/npm/media-offset/+esm"></script>
  <video
    data-offset="5 8"
    src="https://stream.mux.com/O6LdRc0112FEJXH00bGsN9Q31yu5EIVHTgjTKRkKtEq1k/low.mp4"
    muted
    autoplay
    loop
  ></video>

Related

• Media Chrome Your media player's dancing suit. 🕺
• media-group Sync and control multiple audio and/or video elements.
• castable-video Cast your video element to the big screen with ease!
• <media-playlist> A custom element for playing through a set of audio and/or video elements.
• <vimeo-video> A web component for the Vimeo player.
• <wistia-video> A web component for the Wistia player.
• <jwplayer-video> A web component for the JW player.
• <hls-video> A web component for playing HTTP Live Streaming (HLS) videos.
• <youtube-video> A web component for the YouTube player.
• <mux-player> The official Mux-flavored video player web component.
• <mux-video> A Mux-flavored HTML5 video element w/ hls.js and Mux data builtin.