From 557d0cce08e4db36881c09d2d9bc2ca4112a26d4 Mon Sep 17 00:00:00 2001
From: mgabdev <>
Date: Tue, 27 Aug 2019 14:22:35 -0400
Subject: [PATCH] Updated all videos to have muted and playsInline keys

Removed autoplay on extended-video-player. Removed test border on <video />.
---
 app/javascript/gabsocial/components/extended_video_player.js    | 2 +-
 app/javascript/gabsocial/components/media_gallery.js            | 1 +
 .../gabsocial/features/account_gallery/components/media_item.js | 1 +
 app/javascript/gabsocial/features/video/index.js                | 1 -
 4 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/app/javascript/gabsocial/components/extended_video_player.js b/app/javascript/gabsocial/components/extended_video_player.js
index 009c0d55..9dfc745f 100644
--- a/app/javascript/gabsocial/components/extended_video_player.js
+++ b/app/javascript/gabsocial/components/extended_video_player.js
@@ -44,9 +44,9 @@ export default class ExtendedVideoPlayer extends React.PureComponent {
     return (
       <div className='extended-video-player'>
         <video
+          playsInline
           ref={this.setRef}
           src={src}
-          autoPlay
           role='button'
           tabIndex='0'
           aria-label={alt}
diff --git a/app/javascript/gabsocial/components/media_gallery.js b/app/javascript/gabsocial/components/media_gallery.js
index 5e624c6b..1eef6dfe 100644
--- a/app/javascript/gabsocial/components/media_gallery.js
+++ b/app/javascript/gabsocial/components/media_gallery.js
@@ -189,6 +189,7 @@ class Item extends React.PureComponent {
             autoPlay={autoPlay}
             loop
             muted
+            playsInline
           />
 
           <span className='media-gallery__gifv__label'>GIF</span>
diff --git a/app/javascript/gabsocial/features/account_gallery/components/media_item.js b/app/javascript/gabsocial/features/account_gallery/components/media_item.js
index e416e507..9d4a42a1 100644
--- a/app/javascript/gabsocial/features/account_gallery/components/media_item.js
+++ b/app/javascript/gabsocial/features/account_gallery/components/media_item.js
@@ -127,6 +127,7 @@ export default class MediaItem extends ImmutablePureComponent {
             autoPlay={autoPlay}
             loop
             muted
+            playsInline
           />
 
           <span className='media-gallery__gifv__label'>GIF</span>
diff --git a/app/javascript/gabsocial/features/video/index.js b/app/javascript/gabsocial/features/video/index.js
index af5b08fc..57c294c5 100644
--- a/app/javascript/gabsocial/features/video/index.js
+++ b/app/javascript/gabsocial/features/video/index.js
@@ -454,7 +454,6 @@ class Video extends React.PureComponent {
           onLoadedData={this.handleLoadedData}
           onProgress={this.handleProgress}
           onVolumeChange={this.handleVolumeChange}
-          style={{border: '2px solid blue'}}
         />}
 
         <div className={classNames('spoiler-button', { 'spoiler-button--hidden': revealed })}>