Video Walkthrough FAQ Block for React

Not in the block. The poster is a drawing, and the button and chapter links open your video in a new tab, so it plays wherever you host it, with that host's own controls and captions. That avoids a play button that does nothing, and a player that loads before anyone asks for it. Point each href at the video, and the chapters at its timecodes.

Give the question a video in QUESTIONS: its duration (shown in the trigger's badge, on the poster and in the button's label), a scene that picks the poster drawing, and its chapters, each a time and a title. Questions without a video are plain text. To draw a new poster, add a scene component beside the three and one line to the Poster.

The poster is decoration, hidden and inert, so it's skipped. The badge in the trigger reads "3:45 video", the button says it opens a new tab, and the chapters are a numbered list of links with visible focus. Tab reaches every link in the open answer.

Yes. The Accordion takes hiddenUntilFound, so closed answers stay in the markup as hidden="until-found" and the browser's find in page opens the one that holds a match.

The button renders the link it's given with render, with nativeButton={false}; the chapters are plain anchors.

The frame keeps its inset from the rails, the questions wrap with their duration badge beneath, and in an open walkthrough the chapters stack under the poster, which scales to the card's width. Nothing scrolls sideways at 320 pixels.