diff options
| author | Sam Potts <me@sampotts.me> | 2016-05-01 19:27:53 +1000 |
|---|---|---|
| committer | Sam Potts <me@sampotts.me> | 2016-05-01 19:27:53 +1000 |
| commit | fad3f41ca7517ae14f8805f6c51e85dc6c47a4e7 (patch) | |
| tree | 79df46c7fba88e6749d7f59815c54055d5293694 /src/less/components/embed.less | |
| parent | 39a0a38d070c3c436b5f6b270b9d6406b0e43e06 (diff) | |
| download | plyr-fad3f41ca7517ae14f8805f6c51e85dc6c47a4e7.tar.lz plyr-fad3f41ca7517ae14f8805f6c51e85dc6c47a4e7.tar.xz plyr-fad3f41ca7517ae14f8805f6c51e85dc6c47a4e7.zip | |
Prep work for theming
Diffstat (limited to 'src/less/components/embed.less')
| -rw-r--r-- | src/less/components/embed.less | 31 |
1 files changed, 31 insertions, 0 deletions
diff --git a/src/less/components/embed.less b/src/less/components/embed.less new file mode 100644 index 00000000..7179e199 --- /dev/null +++ b/src/less/components/embed.less @@ -0,0 +1,31 @@ +// Embedded videos +// -------------------------------------------------------------- + +// Container for embeds +.plyr__video-embed { + padding-bottom: 56.25%; /* 16:9 */ + height: 0; + overflow: hidden; + border-radius: inherit; + + iframe { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; + user-select: none; + } + + // Vimeo hack + > div { + position: relative; + padding-bottom: 200%; + transform: translateY(-35.95%); + } +} +// To allow mouse events to be captured if full support +.plyr .plyr__video-embed iframe { + pointer-events: none; +}
\ No newline at end of file |