# Examples > Players built with bobine, from a single prop to fully composed controls. Try prop combinations in the playground, or copy a recipe that already fits. ## Playground Turn props on and off. The player and its code update together. Open [the examples page](https://bobine.fyi/docs/examples) to use it. ## Video recipes Common jobs for VideoPlayer, each one a few props on the native element. ### Course lesson Captions on from the start, and a persistKey shared by every lesson, so a viewer's speed and volume carry over to the next one. ```tsx ``` ### Ambient loop A quiet clip for a hero or a product shot. Browsers only autoplay muted video, and playsInline keeps iOS from opening it fullscreen. ```tsx ``` ### Square crop frameClassName sizes the frame and className styles the video, so object-cover fills a square for a feed. ```tsx ``` ### Minimal controls Compose the parts yourself when a preset shows too much. This one keeps a play button while paused and a seek bar, nothing else. ```tsx ``` ## Audio recipes AudioPlayer adapts to its container, from a full card to a small pill. ### Podcast episode A title, the show's name and a speed toggle. persistKey keeps the chosen speed for the next episode. ```tsx ``` ### Voice note No title and a rounded frame turn the card into a pill, the shape chat apps use for voice messages. ```tsx ``` ### Track list Native events pass straight through. onPlay pauses the other tracks, so only one plays at a time. ```tsx type AudioEvent = React.SyntheticEvent function pauseOthers(event: AudioEvent) { for (const audio of document.querySelectorAll("audio")) { if (audio !== event.currentTarget) audio.pause() } } {tracks.map((track) => ( ))} ```