Use title for video main heading

helpers/listing-page.js

@@ -96,6 +96,11 @@ export class ListingDetails {
     isListingDetails = true
 
     get mainHeading () {
+        // Use the video title for videos
+        if ( this.type === 'video' ) {
+            return this.api.name
+        }
+
         if ( this.type === 'formula' ) {
             return `Does <code>${ this.api.name }</code> work on Apple Silicon when installed via Homebrew?`
         }

src/components/video-listing.astro

@@ -28,7 +28,7 @@ const details = ensureListingDetails( listing )
                 slot="cover-bottom"
                 class="page-heading h-full flex items-end md:p-4"
             >
-                <h1 class="title text-xs text-left md:text-2xl font-bold">{ details.initialVideo.name }</h1>
+                <h1 class="title text-xs text-left md:text-2xl font-bold">{ details.mainHeading }</h1>
             </div>
 
         </HtmlPlayer>