diff --git a/layouts/partials/imgorvid.html b/layouts/partials/imgorvid.html
index 15b885fd..2f71886f 100644
--- a/layouts/partials/imgorvid.html
+++ b/layouts/partials/imgorvid.html
@@ -2,10 +2,10 @@
   {{ if hasSuffix .src ".mp4" }}
       <video controls loop class="u-video">
           <source src="{{.src}}" type="video/mp4">
-          <img {{ if .searchmeta | default true }}data-pagefind-meta="image[src]" {{end}}src="{{ .src }}.jpg" {{ with .alt}}alt="{{ . }}" {{ end }}/>
+          <img {{ if .searchmeta | default true }}data-pagefind-meta="image[src]" {{end}}src="{{ .src }}.webp" />
           (Your browser can't play videos. <a href="{{.src}}">Download instead</a>.)
       </video>
   {{ else }}
-      <img {{ if .searchmeta | default true }}data-pagefind-meta="image[src]" {{end}}src="{{ .src }}" class="u-photo photo" />
+      <img {{ if .searchmeta | default true }}data-pagefind-meta="image[src]" {{end}}src="{{ .src }}" {{ with .alt}}alt="{{ . }}" {{ end }}class="u-photo photo" />
   {{ end }}
 </figure>
\ No newline at end of file
diff --git a/layouts/photos/single.html b/layouts/photos/single.html
index 0b130319..33bc01d7 100644
--- a/layouts/photos/single.html
+++ b/layouts/photos/single.html
@@ -10,7 +10,7 @@
             <div class="post-content" data-pagefind-body data-pagefind-filter="type:Photos">
                 <div class="photo-media">
                     {{ range $i, $deets := .Params.Media }}
-                        {{ partial "imgorvid.html" (dict "src" (path.Join $.Page.RelPermalink $deets.url | absURL) "alt" ($deets.alt) "searchmeta" (eq $i 0)) }}
+                        {{ partial "imgorvid.html" (dict "src" $deets.url "alt" ($deets.alt) "searchmeta" (eq $i 0)) }}
                     {{ end }}
                 </div>
 
diff --git a/layouts/shortcodes/imgorvid.html b/layouts/shortcodes/imgorvid.html
index e234bf2d..c3f25b07 100644
--- a/layouts/shortcodes/imgorvid.html
+++ b/layouts/shortcodes/imgorvid.html
@@ -1 +1 @@
-{{ partial "imgorvid.html" (dict "src" (path.Join $.Page.RelPermalink (.Get "src") | absURL)) }}
+{{ partial "imgorvid.html" (dict "src" (path.Join $.Page.RelPermalink (.Get "src") | absURL) "alt" (.Get "alt")) }}