From 62b04be83b40bbccc8158540faa671fab1187149 Mon Sep 17 00:00:00 2001 From: Alex Gleason Date: Wed, 20 May 2020 19:19:53 -0500 Subject: [PATCH] Refactor video preload, disable for now --- app/gabsocial/features/video/index.js | 27 +++++++++++++++------------ 1 file changed, 15 insertions(+), 12 deletions(-) diff --git a/app/gabsocial/features/video/index.js b/app/gabsocial/features/video/index.js index c1c8fad34..3e75469b3 100644 --- a/app/gabsocial/features/video/index.js +++ b/app/gabsocial/features/video/index.js @@ -374,8 +374,21 @@ class Video extends React.PureComponent { this.props.onCloseVideo(); } + getPreload = () => { + const { startTime, detailed } = this.props; + const { dragging, fullscreen } = this.state; + + if (startTime || fullscreen || dragging) { + return 'auto'; + } else if (detailed) { + return 'metadata'; + } else { + return 'none'; + } + } + render() { - const { preview, src, inline, startTime, onOpenVideo, onCloseVideo, intl, alt, detailed, sensitive, link, aspectRatio } = this.props; + const { preview, src, inline, onOpenVideo, onCloseVideo, intl, alt, detailed, sensitive, link, aspectRatio } = this.props; const { containerWidth, currentTime, duration, volume, buffer, dragging, paused, fullscreen, hovered, muted, revealed } = this.state; const progress = (currentTime / duration) * 100; @@ -400,16 +413,6 @@ class Video extends React.PureComponent { playerStyle.height = height; } - let preload; - - if (startTime || fullscreen || dragging) { - preload = 'auto'; - } else if (detailed) { - preload = 'metadata'; - } else { - preload = 'none'; - } - let warning; if (sensitive) { @@ -435,7 +438,7 @@ class Video extends React.PureComponent { ref={this.setVideoRef} src={src} poster={preview} - preload={preload} + // preload={this.getPreload()} loop role='button' tabIndex='0'