diff --git a/.gitignore b/.gitignore
index 1e4ac1d96..e16fc54c3 100644
--- a/.gitignore
+++ b/.gitignore
@@ -71,4 +71,6 @@ player/static/mfr/*
 
 !.gitkeep
 
+node_modules/
+
 .cache
diff --git a/mfr/extensions/video/templates/viewer.mako b/mfr/extensions/video/templates/viewer.mako
index e0058e4a4..f16181df5 100644
--- a/mfr/extensions/video/templates/viewer.mako
+++ b/mfr/extensions/video/templates/viewer.mako
@@ -1,3 +1,4 @@
+
 <video controls height="100%">
   <source src="${url}">
   Your browser does not support the video tag.
@@ -7,4 +8,4 @@
 <script src="/static/js/mfr.child.js"></script>
 <script>
     window.pymChild.sendMessage('embed', 'embed-responsive-16by9');
-</script>
\ No newline at end of file
+</script>
diff --git a/mfr/server/static/css/mfr.css b/mfr/server/static/css/mfr.css
index 04625a06e..dfbf46086 100644
--- a/mfr/server/static/css/mfr.css
+++ b/mfr/server/static/css/mfr.css
@@ -42,6 +42,8 @@ This CSS was stripped out of base.css from the osf-style repo.
     align-items: center;
     width: 100%;
     height: 250px;
+    top: 0;
+    left: 0;
 }
 
 .embed-responsive-pdf {
@@ -49,7 +51,7 @@ This CSS was stripped out of base.css from the osf-style repo.
 }
 
 #mfrIframe iframe {
-    display: none;
+    opacity: 0.0;
 }
 
 #mfrIframe {
diff --git a/mfr/server/static/js/mfr.child.js b/mfr/server/static/js/mfr.child.js
index 4249f538a..7a3663642 100644
--- a/mfr/server/static/js/mfr.child.js
+++ b/mfr/server/static/js/mfr.child.js
@@ -2,9 +2,9 @@
     'use strict';
     window.pymChild = new pym.Child();
 
+
     window.addEventListener('load', function () {
         window.pymChild.sendHeight();
-
         var anchors = document.getElementsByTagName('a');
         Array.prototype.slice.call(anchors).forEach(function (el) {
             el.addEventListener('click', function (e) {
diff --git a/mfr/server/static/js/mfr.js b/mfr/server/static/js/mfr.js
index 7e21f0dd4..fd567909a 100644
--- a/mfr/server/static/js/mfr.js
+++ b/mfr/server/static/js/mfr.js
@@ -82,7 +82,7 @@
             self.pymParent.el.appendChild(self.spinner);
             $(self.pymParent.iframe).on('load', function() {
                 self.pymParent.el.removeChild(self.spinner);
-                this.style.display = "block"
+                this.style.opacity = "1.0"
             })
 
             self.pymParent.onMessage('embed', function(message) {