From ca98a5ad21e8c4450952e3520beff258ccd1b067 Mon Sep 17 00:00:00 2001
From: Gabe Kangas <gabek@real-ity.com>
Date: Wed, 12 Feb 2025 19:18:57 -0800
Subject: [PATCH] fix(video): support native hls playback via opengraph tags.
 Fixes #4204

---
 static/metadata.html.tmpl            | 4 ++++
 web/components/layouts/Main/Main.tsx | 4 ++++
 2 files changed, 8 insertions(+)

diff --git a/static/metadata.html.tmpl b/static/metadata.html.tmpl
index bbf8e7849..ec3aee605 100644
--- a/static/metadata.html.tmpl
+++ b/static/metadata.html.tmpl
@@ -18,6 +18,10 @@
 		<meta property="og:image:url" content="{{.Thumbnail}}">
 		<meta property="og:image:alt" content="{{.Image}}">
 
+		<meta property="og:video" content="{{.RequestedURL}}hls/stream.m3u8" />
+		<meta property="og:video:secure_url" content="{{.RequestedURL}}hls/stream.m3u8" />
+		<meta property="og:video:type" content="application/x-mpegURL" />
+
 		<meta property="og:video" content='{{.RequestedURL}}embed/video' />
 		<meta property="og:video:secure_url" content='{{.RequestedURL}}embed/video' />
 		<meta property="og:video:height" content="315" />
diff --git a/web/components/layouts/Main/Main.tsx b/web/components/layouts/Main/Main.tsx
index d3b6ddd46..7bd82ada7 100644
--- a/web/components/layouts/Main/Main.tsx
+++ b/web/components/layouts/Main/Main.tsx
@@ -113,6 +113,10 @@ export const Main: FC = () => {
           <meta property="og:image:url" content="{{.RequestedURL}}{{.Thumbnail}}" />
           <meta property="og:image:alt" content="{{.RequestedURL}}{{.Image}}" />
 
+          <meta property="og:video" content="{{.RequestedURL}}hls/stream.m3u8" />
+          <meta property="og:video:secure_url" content="{{.RequestedURL}}hls/stream.m3u8" />
+          <meta property="og:video:type" content="application/x-mpegURL" />
+
           <meta property="og:video" content="{{.RequestedURL}}{{.EmbedVideo}}" />
           <meta property="og:video:secure_url" content="{{.RequestedURL}}{{.EmbedVideo}}" />
           <meta property="og:video:height" content="315" />