Allow playing videos in fullscreen (#707)

* allow fullscreen in videos * style player for youtube
hello-efficiency-inc · Nov 26, 2022 · fbe1f3c · fbe1f3c
1 parent 4a658d9
commit fbe1f3c
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/src/components/ArticleDetail.vue b/src/components/ArticleDetail.vue
@@ -46,6 +46,7 @@
                 <iframe
                   :src="article.media.url"
                   allowtransparency
+                  allowfullscreen
                 />
               </div>
             </vue-plyr>
@@ -321,6 +322,15 @@ export default {
     border: 0;
   }
 
+  .plyr__poster {
+    display: none;
+  }
+
+  .plyr__control--overlaid,
+  .plyr__control--overlaid:hover {
+    background: transparent!important;
+}
+
   .col {
     padding-left: 0;
     padding-right: 0;