Video Post
A video post leads with the video instead of a feature image. Wire moves the first video of the post body up into the feature media area and keeps it playing in a small sticky player as the reader scrolls into the text below.
Setup Instructions#
- Open the post you want to turn into a video post
- Place the video as the very first block of the post body, before any text — either a Video card with an uploaded file, or an embed such as YouTube or Vimeo
- Open Post settings → Tags and add the internal tag
#video - Click Publish or Update
Use an internal tag that starts with # so it stays hidden from your public
site.
The video has to be the first block of the post. If a paragraph, an image, or a heading comes before it, the video stays where it is and never moves into the header.
What the Reader Sees#
| Element | Behavior |
|---|---|
| Feature media | The video is lifted out of the body and placed under the title |
| Sticky player | Appears once playback starts and the video scrolls out of view |
| Card icon | A video icon in the meta line of the large post layouts |
| Card preview | The video itself plays inside the post's cards, with the #video-preview tag |
The sticky player#
The sticky player waits until both things are true: the video is playing, and the video at the top of the post has scrolled out of view. Scrolling back up returns the video to its place at the top without interrupting playback.
The sticky player shows the post title and a close button. Closing it, or pressing Escape, pauses the video and puts it back at the top of the post.
For YouTube and Vimeo embeds the browser does not report when the reader presses play, so Wire treats the first click on the video as the start of playback. Everything after that behaves the same as an uploaded video file.
Autoplaying Card Previews#
Post cards normally show the feature image. With a second internal tag they can show the video itself:
- Open Post settings → Tags
- Add
#video-previewnext to#video - Click Update
Wherever that post appears in a list, its card plays the video instead of showing a still image. The preview is always muted and loops, and it starts when the card comes into view as the reader scrolls, then pauses again once the card leaves the screen. Nothing is downloaded until the card is close to the viewport, so a page full of previews still loads normally.
Uploaded video files work, as do YouTube, Vimeo, Dailymotion, and Rutube embeds, whose controls are hidden for the preview.
Readers who have switched on Reduce motion in their operating system never see a preview play. Keep a feature image on the post so those cards still have something to show.
#video-preview reads the first video in the post body, so it needs the video at the very beginning even if you do not use #video. The two tags are independent: #video changes the post layout, #video-preview changes the cards.
Notes#
- If the post also has a feature image, the image stays and the video is placed below it. Leave the feature image empty for a video-only header.
- Everything below the video is a normal post body, so a transcript, show notes, and a table of contents all work as usual.
- The tag is what activates the layout. Removing
#videoreturns the post to the standard layout with the video inline in the body. - Audio posts use the same sticky player. See Audio Post.