diff --git a/internal/webserver/static/styles.css b/internal/webserver/static/styles.css
index f607187..78d6c67 100644
--- a/internal/webserver/static/styles.css
+++ b/internal/webserver/static/styles.css
@@ -140,7 +140,10 @@ a.entity {
 .focused-tweet .quoted-tweet .tweet-text {
     font-size: unset;
 }
-
+.tweet-content video {
+    max-width: 100%;
+    max-height: 40em;
+}
 .thread-parent-tweet:first-child, .focused-tweet:first-child {
     padding-top: 1em;
 }
@@ -187,6 +190,7 @@ a.entity {
     margin: 0;
     display: flex;
     flex-direction: column;
+    align-self: stretch;
     width: 1em; /* will be overridden by, e.g., parent-thread properties */
 }
 .vertical-container-1 {
diff --git a/internal/webserver/tpl/tweet_page_includes/single_tweet.tpl b/internal/webserver/tpl/tweet_page_includes/single_tweet.tpl
index 5e675c1..66707cb 100644
--- a/internal/webserver/tpl/tweet_page_includes/single_tweet.tpl
+++ b/internal/webserver/tpl/tweet_page_includes/single_tweet.tpl
@@ -59,6 +59,11 @@
         {{range $main_tweet.Images}}
           <img src="/content/images/{{.LocalFilename}}" style="max-width: 45%"/>
         {{end}}
+        {{range $main_tweet.Videos}}
+          <video controls hx-trigger="click consume">
+            <source src="/content/videos/{{.LocalFilename}}">
+          </video>
+        {{end}}
 
         {{if $main_tweet.QuotedTweetID}}
           {{$quoted_tweet := (tweet $main_tweet.QuotedTweetID)}}