Replace object-fit elements with a div using background-size: cover

object-fit-cover-polyfill.js

/*
Demo:
http://codepen.io/vincentorback/pen/ZLLJbB
*/

export function objectFit (el) {
  let objectElReplacement = `<div
    class="${el.classList}"
    style="
      background-image:url(${el.getAttribute('src')});
      background-size:cover;
      background-position:50% 50%;
      background-repeat:no-repeat
    "></div>`

  el.insertAdjacentHTML('afterend', objectElReplacement)
  el.parentNode.removeChild(el)
}