Refactor video preload, disable for now
This commit is contained in:
parent
cc4b9d6ba7
commit
62b04be83b
|
@ -374,8 +374,21 @@ class Video extends React.PureComponent {
|
||||||
this.props.onCloseVideo();
|
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() {
|
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 { containerWidth, currentTime, duration, volume, buffer, dragging, paused, fullscreen, hovered, muted, revealed } = this.state;
|
||||||
const progress = (currentTime / duration) * 100;
|
const progress = (currentTime / duration) * 100;
|
||||||
|
|
||||||
|
@ -400,16 +413,6 @@ class Video extends React.PureComponent {
|
||||||
playerStyle.height = height;
|
playerStyle.height = height;
|
||||||
}
|
}
|
||||||
|
|
||||||
let preload;
|
|
||||||
|
|
||||||
if (startTime || fullscreen || dragging) {
|
|
||||||
preload = 'auto';
|
|
||||||
} else if (detailed) {
|
|
||||||
preload = 'metadata';
|
|
||||||
} else {
|
|
||||||
preload = 'none';
|
|
||||||
}
|
|
||||||
|
|
||||||
let warning;
|
let warning;
|
||||||
|
|
||||||
if (sensitive) {
|
if (sensitive) {
|
||||||
|
@ -435,7 +438,7 @@ class Video extends React.PureComponent {
|
||||||
ref={this.setVideoRef}
|
ref={this.setVideoRef}
|
||||||
src={src}
|
src={src}
|
||||||
poster={preview}
|
poster={preview}
|
||||||
preload={preload}
|
// preload={this.getPreload()}
|
||||||
loop
|
loop
|
||||||
role='button'
|
role='button'
|
||||||
tabIndex='0'
|
tabIndex='0'
|
||||||
|
|
Loading…
Reference in New Issue