diff --git a/js/page/watch.js b/js/page/watch.js
index 9fa1f58a3..6968469bf 100644
--- a/js/page/watch.js
+++ b/js/page/watch.js
@@ -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>
     );
   }
 });