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