# Clip API with playlist Play only a part of each video in a playlist with the Clip API, and continue with the next item when a clip ends. Tip: open your browser's developer console and use the `player` and `THEOplayer` variables to interact with this demo. ### Playlist PreviousNext ### Add a clip Stream URLTitleMy clipStart (seconds)0End (seconds)30 Add and play Set `player.clip.startTime` and `player.clip.endTime` (in seconds) to limit playback to a part of the stream. The player then starts at the clip's start, limits seeking to the clip, and fires `ended` at the clip's end. Changing the source resets the clip to the whole stream. To clip each playlist item, apply its clip again on `durationchange`, after you set the new source: ```js player.addEventListener('durationchange', () => { player.clip.startTime = playlist[active].clip.startTime; player.clip.endTime = playlist[active].clip.endTime; }); player.addEventListener('ended', () => { active++; player.autoplay = true; player.source = playlist[active].source; }); ``` See the [Clipping](https://docs-preview.optiview.dolby.com/pr-913/theoplayer/how-to-guides/web/miscellaneous/clipping.md) guide and the [`Clip` API](https://docs-preview.optiview.dolby.com/pr-913/theoplayer/v11/api-reference/web/interfaces/Clip). To build a playlist without clips, see the [Playlist and caching](https://docs-preview.optiview.dolby.com/pr-913/theoplayer/examples/playback/playlist-and-caching.md) example. Code demo.html ```html Clip API with playlist ```