Use format of main splash screen for video load screen

This commit is contained in:
Alex Liebowitz 2016-09-21 01:37:43 -04:00
parent 19d12955a5
commit f598517e27

View file

@ -38,15 +38,13 @@ var WatchPage = React.createClass({
},
render: function() {
return (
<main className="full-screen">
<div className={this.state.readyToPlay ? 'hidden' : ''}>
<h3>Loading lbry://{this.props.name}</h3>
{this.state.loadStatusMessage}...
</div>
<video ref="player" width="100%" height="100%">
<source type={(this.state.mimeType == 'audio/m4a' || this.state.mimeType == 'audio/mp4a-latm') ? 'video/mp4' : this.state.mimeType} src={'/view?name=' + this.props.name} />
</video>
</main>
!this.state.readyToPlay
? <LoadScreen message={'Loading video'} details={this.state.loadStatusMessage} />
: <main className="full-screen">
<video ref="player" width="100%" height="100%">
<source type={(this.state.mimeType == 'audio/m4a' || this.state.mimeType == 'audio/mp4a-latm') ? 'video/mp4' : this.state.mimeType} src={'/view?name=' + this.props.name} />
</video>
</main>
);
}
});