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

@@ -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}

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>

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>

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 })}>