VDP video: putting a video on every vehicle detail page

VDP video for every vehicle detail page: where the player sits, poster-first loading for page speed, VideoObject markup, and what happens when stock sells.

By Videngine10 min read
The short answer

A VDP video is a short narrated video of one vehicle, played on its vehicle detail page. Put the landscape 16:9 cut first in the photo gallery or directly under it, with the lead photo as its poster, and load little more than that poster until the buyer presses play. Give the page VideoObject markup, a caption track and a transcript. Tie the video to the stock number, so a price change brings a re-render and a sale retires it.

Where a VDP video goes on the vehicle detail page

A VDP video goes first in the photo gallery, or directly under it, because that is where a buyer on a vehicle detail page is already looking.

A vehicle detail page (VDP) is the page a dealer website or marketplace gives one unit in stock: gallery, price, specification, finance, stock number and enquiry form. What the video should show is covered in car dealer video: a listing video for every vehicle in stock; this guide is about the page it plays on, for cars, vans and trucks, buses and coaches or machinery.

  • First item in the gallery. The buyer meets it while swiping through photos. This needs a gallery that accepts a video item; ask your website provider.
  • Directly under the gallery. The fallback where the gallery takes images only, above the specification and finance calculator.
  • Not in a tab or a pop-up. A “Video” tab is easy to miss, and a pop-up covers the photos.

Which cut, and which poster

Use the landscape 16:9 cut in the gallery on desktop and, usually, on phones, because the gallery is built around landscape photos. Test the vertical 9:16 cut where your site opens video full screen on phones.

Make the poster, the still shown before play, the VDP's lead photo. The gallery then opens on the same image whether or not the video has loaded. Without a poster, MDN's video element reference notes, nothing is displayed until the first frame is available.

Autoplay: click to play is the safer default

Show the player with controls and let the buyer press play. Chrome's autoplay policy says muted autoplay is always allowed, allows sound only in some cases, and advises never assuming a video will play. WebKit's iOS video policy lets muted video autoplay and plays video inline on iPhone only with the playsinline attribute. Muted autoplay loses the narration and starts the download whether or not anyone watches; if you use it, choose a cut with burned-in captions and add an unmute button.

VDP video and page speed: load nothing until play

A VDP video should cost the page almost nothing until a buyer presses play: the poster shows, little or no video data loads, and the player's space is held from the start.

Google's Core Web Vitals measure real-world page experience. web.dev sets the targets at the 75th percentile of page loads: Largest Contentful Paint (loading) within 2.5 seconds, Interaction to Next Paint at 200 milliseconds or less, and Cumulative Layout Shift (visual stability) at 0.1 or less. Google Search Central highly recommends good Core Web Vitals for success with Search. A VDP video touches two.

  • Largest Contentful Paint. For a video, web.dev uses the poster's load time or the first frame's, whichever is earlier. At the top of a VDP the poster is often the largest thing in view, so compress it like the lead photo it replaces.
  • Cumulative Layout Shift. web.dev says always include width and height attributes on images and video elements, or reserve the space with CSS aspect-ratio, so the specification below does not jump when the player appears.

The preload attribute sets how much of the file to fetch before play. MDN describes none as no preloading, metadata as fetching only details such as length, and auto as allowing the whole file to download; autoplay overrides it. web.dev's guide to fast playback notes that preload is a hint the browser may ignore.

SettingWhat loads before playUse it on
Poster, preload="metadata"The poster and the file's length and sizeA single VDP, so the player shows the running time
Poster, preload="none"The poster onlyA results page or any page with many vehicle videos
preload="auto", or autoplayPossibly the whole fileAvoid: it downloads whether or not anyone watches
<video controls playsinline preload="metadata"
  width="1920" height="1080"
  poster="/stock/ST50217/lead.jpg">
  <source src="/stock/ST50217/ST50217_16x9.mp4" type="video/mp4">
  <track kind="captions" src="/stock/ST50217/ST50217.vtt" srclang="en" label="English">
</video>

The paths are illustrative, for a fictional stock number. Poster-first is not loading the player on click: Google's video best practices say not to rely on user actions such as clicking to load the video, so put the video element in the page and let preload limit the download. YouTube vs self-hosted video compares what an embed loads.

Markup, captions and transcript on a VDP

Each VDP with a video needs one VideoObject block describing that vehicle's video, a caption track in the player and the transcript as text on the page.

Google says VideoObject markup must be added to a page where users can watch the video, and requires name, thumbnailUrl and uploadDate. Google keeps most video features for watch pages and gives a product page with a 360 video as an example of a page that is not one; a VDP is in that group, but can still appear as a text result and a Google Images result with a video badge. VideoObject schema covers every property and testing.

PropertyWhat a VDP puts there
nameYear, make, model and variant; add the stock number if two units match
descriptionWhat the video shows: mileage, colour, the condition photos it covers
thumbnailUrlThe poster (the lead photo) at one stable URL
uploadDateWhen this video first went on the VDP, with a timezone
contentUrl or embedUrlcontentUrl for an MP4 file; embedUrl for a player link or embed

Captions are a Level A requirement in WCAG 2.2: success criterion 1.2.2 asks for captions for all prerecorded audio content in synchronised media. Add the WebVTT file as a track in the player and the transcript as text in the page's HTML, so a buyer on a train can follow without sound and crawlers that do not run scripts can read it (see video transcripts and captions). List each VDP with a video in a video sitemap, and remove the entry when the video comes down.

How the video gets onto the VDP

How the video reaches the VDP depends on your dealer website platform, so ask your website provider which of four routes it takes before you render a whole stock list. Platforms differ, and we claim no support for any named one.

RouteHow it worksWatch for
Upload the MP4Download the 16:9 cut, named by stock number, and upload it to the vehicle's media in your platformManual per unit: re-upload after each rebuild, delete on sale; check file size limits
A stable video link per stock numberThe platform holds one video URL per vehicle, from its feed or the vehicle record, and plays it on the VDPThe platform must accept an external video URL
An embedA player snippet, such as the landscape cut on your YouTube channel, in a video or custom HTML fieldLoads a third-party player before play; markup uses embedUrl
Videngine website publishingFor a static HTML site built from GitHub, one commit adds the MP4, poster and WebVTT track, writes player, transcript and VideoObject into the VDP, and updates video-sitemap.xmlFramework-built sites are not supported yet; one video per page

For the second route, the Custom plan (from 1,500 videos a month) includes delivery straight into listings as one stable link per stock number. On Growth and above, a website provider can instead use the read-only API, one key per workspace, to look up the approved video for a stock number, list its versions and fetch captions as WebVTT.

Questions for your website provider

  • Can the VDP gallery hold a video, and in which position?
  • Does it take an MP4 upload, a video URL per vehicle, or only an embed?
  • Can the player carry a WebVTT track, and the page a transcript?
  • Does the VDP template output VideoObject in the HTML the server sends?
  • What happens to the video and its markup when a vehicle is marked sold?

Keeping the VDP video right as stock changes

A VDP should only play an approved video that matches the vehicle's current price and status, so tie it to the stock number and decide in advance what a price change or sale does.

  • One stable link per stock number. With listing delivery on the Custom plan, each stock number keeps one link that plays only a cut that passed review, and switches to the new cut when a rebuild is approved. Nobody edits the VDP, and an unreviewed draft never reaches it.
  • A price change means a re-render. If the video states the price, update the listing and render again; the rebuild is saved as _v2 beside the original, free within the same month. Review price rebuilds the same day, or leave the price out of the video.
  • Sold units: retire or keep, per your policy. Write it down before launch.
PolicyWhat the VDP showsMarkup and sitemap
Retire on saleThe video goes, whether or not the page stays up as a sold recordRemove VideoObject and the sitemap entry with the player
Keep on the sold VDPOnly if the page is clearly marked sold and the closing scene does not invite an enquiryKeep markup only while the player is on the page
ReservedThe video stays until the deal completesNo change until then

Google's video best practices list an expiration date in the structured data as one way to handle a removed video. The video ledger records each version, reviewer and status, and exports to CSV: match it to your stock list to find sold units still carrying a video.

A VDP video checklist

ItemWhat to doHow to check
PlacementFirst gallery item, or directly under the galleryVisible on a phone without opening a tab
Cut16:9 in the gallery; 9:16 where phones open video full screenPlayed on a phone and a desktop
PosterThe lead photo at one stable URL, also the thumbnailUrlNo blank frame or jump as the page loads
Loadingpreload none or metadata, width and height setPage speed report before and after
CaptionsA WebVTT track, and the transcript on the pageMatch the narration word for word
MarkupOne VideoObject per VDP and a video sitemap entryRich Results Test on the live URL
Sold policyRetire or keep, written downVideo, markup and sitemap change together
Analytics eventA play event carrying the stock numberEvents arrive with the right stock number

On analytics: Google Analytics' enhanced measurement tracks video events for embedded YouTube videos with JS API support enabled. For a self-hosted player, send your own play event with the stock number, and compare enquiries on units with and without video yourself.

When Videngine is the wrong tool for VDP video

Videngine renders a narrated video from the photos and facts already on the VDP; it does not spin, stream or film.

JobWhy Videngine does not fitBetter fit
A 360 spin viewer on the VDPIt does not capture or build an interactive spin; its video moves across stillsA 360 spin photography system and its viewer
A live video appointment with a salespersonIt has no live video and no presenterA video-call or dealer video messaging tool, booked from the VDP
A manufacturer's model film for new carsIt builds from one unit's listing, not a model range, and creates no footageThe manufacturer's own film, used as the brand allows
Narration in a language other than EnglishNarration is English onlyA tool that narrates in your buyers' language

All of these can sit beside a listing video on the same VDP.

Questions about VDP video

What is a VDP video?

A VDP video is a short video of one vehicle played on its vehicle detail page, the page a dealer website gives each unit in stock. Videngine builds it from that page's own photos and specification, with narration and captions, in a landscape and a vertical cut.

Where should the video go on a vehicle detail page?

First in the photo gallery, or directly under it if the gallery takes images only. Use the landscape cut there, with the lead photo as the poster, and keep it out of tabs and pop-ups.

Should a VDP video autoplay?

Click to play is the safer default. Chrome always allows muted autoplay but allows autoplay with sound only in some cases, and a muted video loses its narration. If you do autoplay muted, use burned-in captions and an unmute button.

Will a video slow down my vehicle detail pages?

Not much, if the page loads only the poster until play. Set preload to none or metadata, give the player width and height, and avoid autoplay, which starts the download whether or not anyone watches.

Does a VDP need VideoObject markup?

It should have it, on the page where the video plays, with name, thumbnailUrl and uploadDate. A VDP is not a watch page, so expect a text result or a Google Images result with a video badge rather than full video features.

What happens to the VDP video when the vehicle sells?

Whatever your sold policy says. Retiring it is the simple default: remove the video, its markup and its sitemap entry together.

Choose your next step

Go back to what the video should show, or take the same video to portals and social.

Start with one VDP.

Bring one vehicle detail page and the name of your website platform. Review the vehicle's video in the studio, settle the poster, captions and markup, then choose the route onto the page that your platform takes.

Join the waitlist ↗

Published by Videngine, a video rendering product built and run by Wall & Fifth. External links refer to the original documentation or product descriptions; examples are illustrative unless stated otherwise.