aboutsummaryrefslogtreecommitdiffstats
path: root/src
diff options
context:
space:
mode:
authorSam Potts <me@sampotts.me>2016-06-25 22:33:23 +1000
committerSam Potts <me@sampotts.me>2016-06-25 22:33:23 +1000
commit2fdcc18356510ab22998052eb9258238cd0de022 (patch)
tree296433c3f6eababf403a83f05958586c5710d7b8 /src
parent98e4c5aceadb8b6b50e03bef749efcfe8b6d58c7 (diff)
downloadplyr-2fdcc18356510ab22998052eb9258238cd0de022.tar.lz
plyr-2fdcc18356510ab22998052eb9258238cd0de022.tar.xz
plyr-2fdcc18356510ab22998052eb9258238cd0de022.zip
Hide Shadow DOM elements
Diffstat (limited to 'src')
-rw-r--r--src/less/plyr.less9
-rw-r--r--src/scss/plyr.scss9
2 files changed, 14 insertions, 4 deletions
diff --git a/src/less/plyr.less b/src/less/plyr.less
index ca7b555a..16f82453 100644
--- a/src/less/plyr.less
+++ b/src/less/plyr.less
@@ -203,8 +203,8 @@
// Captions
// --------------------------------------------------------------
-// Hide default captions
-.plyr video::-webkit-media-text-track-container {
+// Hide default captions (can't find -moz -ms prefixes)
+.plyr ::-webkit-media-text-track-container {
display: none;
}
.plyr__captions {
@@ -246,6 +246,11 @@
// Controls
// --------------------------------------------------------------
+// Hide default controls (can't find -moz -ms prefixes)
+.plyr ::-webkit-media-controls,
+.plyr ::-webkit-media-controls-enclosure {
+ display: none;
+}
// Playback controls
.plyr__controls {
display: flex;
diff --git a/src/scss/plyr.scss b/src/scss/plyr.scss
index c5e0bfaa..812f7cef 100644
--- a/src/scss/plyr.scss
+++ b/src/scss/plyr.scss
@@ -202,8 +202,8 @@
// Captions
// --------------------------------------------------------------
-// Hide default captions
-.plyr video::-webkit-media-text-track-container {
+// Hide default captions (can't find -moz -ms prefixes)
+.plyr ::-webkit-media-text-track-container {
display: none;
}
.plyr__captions {
@@ -245,6 +245,11 @@
// Controls
// --------------------------------------------------------------
+// Hide default controls (can't find -moz -ms prefixes)
+.plyr ::-webkit-media-controls,
+.plyr ::-webkit-media-controls-enclosure {
+ display: none;
+}
// Playback controls
.plyr__controls {
display: flex;