From 444d344d72dbd51fe4b12bfcd2bf8f2ff64da625 Mon Sep 17 00:00:00 2001
From: matthew rendely <matthew.rendely@gmail.com>
Date: Thu, 16 Mar 2023 22:01:14 -0700
Subject: [PATCH] Add autoPlay and loop to videos/GIFs

---
 components/HlsPlayer.tsx | 2 ++
 components/Media.tsx     | 8 ++++++++
 public/sitemap.xml       | 6 +++---
 3 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/components/HlsPlayer.tsx b/components/HlsPlayer.tsx
index 7447e442..411a8d19 100644
--- a/components/HlsPlayer.tsx
+++ b/components/HlsPlayer.tsx
@@ -40,11 +40,13 @@ export default function HlsPlayer(props: HlsPlayerProps) {
 
   return (
     <video
+      autoPlay
       className={props.className}
       controls={props.controls}
       crossOrigin={props.crossOrigin}
       data-hint={props.dataHint}
       height={props.height}
+      loop
       muted={props.muted}
       playsInline={props.playsInline}
       poster={props.poster}
diff --git a/components/Media.tsx b/components/Media.tsx
index 0043a250..99d2a717 100644
--- a/components/Media.tsx
+++ b/components/Media.tsx
@@ -83,11 +83,13 @@ export default function Media(props: Post) {
     case 'hosted:video':
       return (
         <HlsPlayer
+          autoPlay
           className={classes.media}
           controls
           crossOrigin="anonymous"
           dataHint="hosted:video"
           height={props?.media?.reddit_video?.height}
+          loop
           playsInline
           poster={
             props?.over_18 && blurNSFW
@@ -107,11 +109,13 @@ export default function Media(props: Post) {
     case 'rich:video':
       return props?.video_preview ? (
         <HlsPlayer
+          autoPlay
           className={classes.media}
           controls
           crossOrigin="anonymous"
           dataHint="rich:video"
           height={props?.video_preview?.height}
+          loop
           muted
           playsInline
           poster={
@@ -149,10 +153,12 @@ export default function Media(props: Post) {
       // Search for .gifv and use the mp4 version.
       return props?.url.includes('gifv') ? (
         <HlsPlayer
+          autoPlay
           className={classes.media}
           controls
           crossOrigin="anonymous"
           dataHint="link:gifv"
+          loop
           muted
           playsInline
           poster={
@@ -168,11 +174,13 @@ export default function Media(props: Post) {
       ) : (
         // Otherwise, just play the video.
         <HlsPlayer
+          autoPlay
           className={classes.media}
           controls
           crossOrigin="anonymous"
           dataHint="link"
           height={props?.video_preview?.height}
+          loop
           muted
           playsInline
           poster={
diff --git a/public/sitemap.xml b/public/sitemap.xml
index ad3efc92..bca45e12 100644
--- a/public/sitemap.xml
+++ b/public/sitemap.xml
@@ -1,4 +1,4 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:news="http://www.google.com/schemas/sitemap-news/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml" xmlns:mobile="http://www.google.com/schemas/sitemap-mobile/1.0" xmlns:image="http://www.google.com/schemas/sitemap-image/1.1" xmlns:video="http://www.google.com/schemas/sitemap-video/1.1">
-<url><loc>https://reddit-image-viewer.vercel.app</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2021-02-08T21:05:42.880Z</lastmod></url>
-</urlset>
\ No newline at end of file
+<sitemapindex xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
+<sitemap><loc>https://reddit-image-viewer.vercel.app/sitemap-0.xml</loc></sitemap>
+</sitemapindex>
\ No newline at end of file