diff --git a/ui/dist/index.html b/ui/dist/index.html
index 8fbf0b5b6..d951dddd1 100644
--- a/ui/dist/index.html
+++ b/ui/dist/index.html
@@ -7,7 +7,6 @@
         <link href='https://fonts.googleapis.com/css?family=Raleway:600,300' rel='stylesheet' type='text/css'>
         <link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic,600italic,600' rel='stylesheet' type='text/css'>
         <link href="./css/all.css" rel="stylesheet" type="text/css" media="screen,print" />
-        <link rel="stylesheet" href="https://cdn.plyr.io/2.0.12/plyr.css">
         <link rel="icon" type="image/png" href="./img/fav/favicon-32x32.png" sizes="32x32">
         <link rel="icon" type="image/png" href="./img/fav/favicon-194x194.png" sizes="194x194">
         <link rel="icon" type="image/png" href="./img/fav/favicon-96x96.png" sizes="96x96">
diff --git a/ui/scss/component/_video.scss b/ui/scss/component/_video.scss
index 745b2d494..aff720a7b 100644
--- a/ui/scss/component/_video.scss
+++ b/ui/scss/component/_video.scss
@@ -17,9 +17,12 @@ video {
   max-width: $width-page-constrained;
   max-height: $height-video-embedded;
   height: $height-video-embedded;
-  position: relative; /*for .plyr below*/
+  position: relative;
   video {
     height: 100%;
+    position: absolute;
+    left: 0;
+    top: 0;
   }
   &.video--hidden {
     height: $height-video-embedded;
@@ -27,11 +30,6 @@ video {
   &.video--active {
     /*background: none;*/
   }
-
-  .plyr {
-    top: 50%;
-    transform: translateY(-50%);
-  }
 }
 .video--obscured .video__cover
 {