AddThisFeature
Sign in

Video Playlist

Queue videos so one plays after another, with a visible up-next list.

moderate Media & Video

What it adds

An ordered queue of videos beside the player, with automatic advance and a clear next item.

What your agent is told to do

5
  1. 1

    Extend the app's Custom Video Player rather than building a second playback surface. The playlist is a queue and a list around the player that already exists.

  2. 2

    Show the whole queue with the current item marked and the next item obvious. A viewer should never be surprised by what starts playing.

  3. 3

    Advance automatically only after a short, visible countdown that can be cancelled. Autoadvance that fires the instant a video ends removes the viewer's chance to stop it.

  4. 4

    Persist the viewer's position in the playlist and within the current item, so returning to the page resumes where they left rather than at the top of the queue.

  5. 5

    Do not autoadvance when the viewer is not there. A queue that keeps playing into a background tab burns bandwidth and gives false view counts.

Edge cases it handles

8
  • Cancel the pending advance when the tab loses visibility or the player has scrolled well out of view, and resume the choice when the viewer comes back rather than skipping ahead in their absence.
  • An item that has been removed, made private, or fails to load must be skipped with a visible note, and the queue must carry on to the next playable item rather than stalling on a black frame.
  • Keep the list scrolled so the playing item is visible, but do not yank the list back into place while the viewer is deliberately scrolling through it.
  • Position in the playlist and within the current video must survive a reload, and must be scoped to the viewer rather than shared across everyone watching the same playlist.
  • Give autoadvance an explicit off switch that is remembered. Some viewers want a queue they step through manually, and burying that choice guarantees they leave.
  • If every remaining item fails, end the playlist with a clear state rather than an endless skip loop.
  • The list must be keyboard navigable, and selecting an item must move playback without moving focus somewhere unexpected.
  • A playlist reordered or edited while someone is watching must not jump them to a different video mid-playback.

Definition of done

9
  • The queue is visible with the current and next items clearly marked.
  • Autoadvance runs after a cancellable countdown and can be switched off permanently.
  • A pending advance is cancelled when the tab is hidden or the player is out of view.
  • Broken or removed items are skipped with a visible note and the queue continues.
  • Playlist and playback position survive a reload and are per viewer.
  • The list keeps the playing item in view without fighting the viewer's own scrolling.
  • A playlist edited during playback does not interrupt the current item.
  • The feature matches the existing design system.
  • No existing functionality is broken.

Related features

How it works

  1. 1

    Copy the link

    Grab the Markdown instruction URL for this feature.

  2. 2

    Give it to your AI

    Paste it into Claude Code, Cursor, v0, Lovable — whatever you build with.

  3. 3

    It inspects, then implements

    Your agent reads your existing app first, then adds the feature to fit it.

Works with your stack

These instructions are written to adapt. They tell the agent to detect your framework, match your existing design system, and reuse what you already have — rather than assuming a particular stack.

Need it tighter than that? Customize the feature and tell it exactly what you're running.