diff options
Diffstat (limited to 'src/js/plugins')
| -rw-r--r-- | src/js/plugins/vimeo.js | 7 | ||||
| -rw-r--r-- | src/js/plugins/youtube.js | 4 |
2 files changed, 11 insertions, 0 deletions
diff --git a/src/js/plugins/vimeo.js b/src/js/plugins/vimeo.js index 0b815fa5..0f6aa4db 100644 --- a/src/js/plugins/vimeo.js +++ b/src/js/plugins/vimeo.js @@ -15,6 +15,13 @@ const vimeo = { // Add embed class for responsive utils.toggleClass(this.elements.wrapper, this.config.classNames.embed, true); + // Set aspect ratio + const ratio = this.config.ratio.split(':'); + const padding = 100 / ratio[0] * ratio[1]; + const offset = (100 - padding) / 2; + this.elements.wrapper.style.paddingBottom = `${padding}%`; + this.media.style.transform = `translateY(-${offset}%)`; + // Set ID this.media.setAttribute('id', utils.generateId(this.type)); diff --git a/src/js/plugins/youtube.js b/src/js/plugins/youtube.js index 38f649a5..2c8557dc 100644 --- a/src/js/plugins/youtube.js +++ b/src/js/plugins/youtube.js @@ -17,6 +17,10 @@ const youtube = { // Add embed class for responsive utils.toggleClass(this.elements.wrapper, this.config.classNames.embed, true); + // Set aspect ratio + const ratio = this.config.ratio.split(':'); + this.elements.wrapper.style.paddingBottom = `${100 / ratio[0] * ratio[1]}%`; + // Set ID this.media.setAttribute('id', utils.generateId(this.type)); |