diff options
| author | Sam Potts <me@sampotts.me> | 2017-10-28 20:14:33 +1100 |
|---|---|---|
| committer | Sam Potts <me@sampotts.me> | 2017-10-28 20:14:33 +1100 |
| commit | 3d50936b47fdd691816843de962d5699c3c8f596 (patch) | |
| tree | 1ec372b21d86bd54cc0e9e679e1ef37f68344b32 /src/less/components/embed.less | |
| parent | dd9d5c8898bd5e58c6faec13d6213b8fe079446a (diff) | |
| download | plyr-3d50936b47fdd691816843de962d5699c3c8f596.tar.lz plyr-3d50936b47fdd691816843de962d5699c3c8f596.tar.xz plyr-3d50936b47fdd691816843de962d5699c3c8f596.zip | |
Split LESS into more granular files, Vimeo fixes
Diffstat (limited to 'src/less/components/embed.less')
| -rw-r--r-- | src/less/components/embed.less | 23 |
1 files changed, 23 insertions, 0 deletions
diff --git a/src/less/components/embed.less b/src/less/components/embed.less new file mode 100644 index 00000000..02b33425 --- /dev/null +++ b/src/less/components/embed.less @@ -0,0 +1,23 @@ +// -------------------------------------------------------------- +// Embedded players +// YouTube, Vimeo, etc +// -------------------------------------------------------------- + +.plyr__video-embed { + padding-bottom: 56.25%; /* 16:9 */ + height: 0; + + iframe { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; + user-select: none; + } +} +// To allow mouse events to be captured if full support +.plyr--full-ui .plyr__video-embed iframe { + pointer-events: none; +} |