+
Play Video
@fragments.inlineSvg("play", "icon")
diff --git a/common/app/views/fragments/media/video.scala.html b/common/app/views/fragments/media/video.scala.html
index 5f3663fa4695..36a2b7cb60cd 100644
--- a/common/app/views/fragments/media/video.scala.html
+++ b/common/app/views/fragments/media/video.scala.html
@@ -32,6 +32,9 @@
}
@if(showOverlay){
+
+ @player.video.videos.formattedDuration
+
@seriesTag.map { series =>
@@ -50,9 +53,6 @@
@player.title
}
-
- @player.video.videos.formattedDuration
-
}
diff --git a/static/src/stylesheets/module/atoms/_youtube.scss b/static/src/stylesheets/module/atoms/_youtube.scss
index 6b21ad238719..a06f9691ac9d 100644
--- a/static/src/stylesheets/module/atoms/_youtube.scss
+++ b/static/src/stylesheets/module/atoms/_youtube.scss
@@ -183,13 +183,6 @@ youtube-media-atom:not(.youtube-related-videos) .youtube-media-atom__iframe.yout
transition: none;
}
-.youtube-media-atom__play-button.vjs-control-text.centered-button {
- bottom: 44%;
- left: 40%;
- background-color: rgba(18, 18, 18, .6);
- z-index: 3;
-}
-
.youtube-media-atom__bottom-bar__duration {
@include font($f-sans-serif-text, bold, 13, 16);
diff --git a/static/src/stylesheets/module/facia-garnett/_container--video.scss b/static/src/stylesheets/module/facia-garnett/_container--video.scss
index 4e7111035b75..18402e5b006b 100644
--- a/static/src/stylesheets/module/facia-garnett/_container--video.scss
+++ b/static/src/stylesheets/module/facia-garnett/_container--video.scss
@@ -233,6 +233,8 @@ $video-width-desktop: 700px;
.video-playlist__icon {
position: absolute;
+ top: 0;
+ bottom: 0;
width: 30px;
height: 30px;
margin: auto;