Merge pull request #516 from cofacts/ios-fullscreen

Fix iOS video fullscreen problem
cofacts · Nov 17, 2022 · bf0362a · bf0362a
2 parents 0f88656 + 95c88a0
commit bf0362a
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 0 deletions.
diff --git a/components/ListPageDisplays/__snapshots__/ListPageCards.stories.storyshot b/components/ListPageDisplays/__snapshots__/ListPageCards.stories.storyshot
@@ -681,6 +681,7 @@ exports[`Storyshots ListPageDisplays/ListPageCards Article Cards 1`] = `
                     className="makeStyles-thumbnail makeStyles-attachment"
                     loop={true}
                     muted={true}
+                    playsInline={true}
                     src="https://drive.google.com/uc?id=1SQ9lc1-ghzw-SL6Dyb_UMN6hAPBAckvK&confirm=t"
                   />
                 </Thumbnail>
@@ -786,6 +787,7 @@ exports[`Storyshots ListPageDisplays/ListPageCards Article Cards 1`] = `
                     className="makeStyles-thumbnail makeStyles-attachment"
                     loop={true}
                     muted={true}
+                    playsInline={true}
                     src="https://drive.google.com/uc?id=1DczThMYTmGV3GvDCAU2EPnhsBwVcoFQi&confirm=t"
                   />
                 </Thumbnail>

diff --git a/components/Thumbnail.js b/components/Thumbnail.js
@@ -40,6 +40,7 @@ function Thumbnail({ article, className }) {
           className={thumbnailCls}
           src={article.thumbnailUrl}
           autoPlay
+          playsInline
           loop
           muted
         />