feat(route/bsky): replace video thumbnail with video player (#17499)

* feat(route/bsky): replace video thumbnail with video player * Update lib/routes/bsky/templates/post.art ---------
DIYgod · Nov 10, 2024 · 468bfcd · 468bfcd
1 parent d2905cf
commit 468bfcd
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/lib/routes/bsky/posts.ts b/lib/routes/bsky/posts.ts
@@ -63,7 +63,6 @@ async function handler(ctx) {
             text: post.record.text.replaceAll('\n', '<br>'),
             embed: post.embed,
             // embed.$type "app.bsky.embed.record#view" and "app.bsky.embed.recordWithMedia#view" are not handled
-            // "app.bsky.embed.video#view" is rendered as image
         }),
         author: post.author.displayName,
         pubDate: parseDate(post.record.createdAt),

diff --git a/lib/routes/bsky/templates/post.art b/lib/routes/bsky/templates/post.art
@@ -8,7 +8,14 @@
             <img src="{{ i.fullsize }}" alt="{{ i.alt }}"><br>
         {{ /each }}
     {{ else if embed.$type === 'app.bsky.embed.video#view' }}
-        <img src="{{ embed.thumbnail }}"><br>
+        <video 
+            controls
+            poster="{{ embed.thumbnail }}"
+            style="max-width: 100%; height: auto;"
+            preload="metadata">
+            <source src="{{ embed.playlist }}" type="application/x-mpegURL">
+            Your browser does not support HTML5 video playback.
+        </video><br>
     {{ else if embed.$type === 'app.bsky.embed.external#view' }}
         <a href="{{ embed.external.uri }}"><b>{{ embed.external.title }}</b><br>
             {{ embed.external.description }}