Eine kurze Diskussion über mehrere aufgetretene Browserkompatibilitätsprobleme

<img Klasse="Bild wird geladen" src="url"/>
.Bild wird geladen {
    Breite: 100 %;
    Höhe: 100%;
    Übergang: alle 1en leicht;
    Objekt-Passung: Abdeckung;
  }

<div Klasse="loadingImage"></div>
.Bild wird geladen {
    Breite: 100 %;
    Höhe: 100%;
    Hintergrundgröße: Abdeckung;
    Hintergrundposition: Mitte;
    Hintergrundbild: URL (URL);
}

<video Klasse="video"></video>
.video {
  Breite: 100 %;
  Höhe: automatisch;
  Position: relativ;
  links: 50%;
  oben: 50 %;
  transformieren: übersetzen(-50 %, -50 %);
  Objekt-Passung: Abdeckung;
}

<video Klasse="video"></video>
.video {
  Breite: 100 %;
  Höhe: automatisch;
  Position: relativ;
  links: 50%;
  oben: 50 %;
  transformieren: übersetzen(-50 %, -50 %);
  Objekt-Fit: Füllen;
}

<video id="video"></video>
let video = document.getElementById('video')
wenn (video.readyState === 4) {
    console.log('fertig!')
}

Funktion checkTransitionEvent() {
  var el = document.createElement('div')
  var Übergänge = {
    'Übergang':'Übergangsende',
    'OÜbergang':'oÜbergangsende',
    'MozTransition':'Übergangsende',
    'WebkitTransition':'webkitTransitionEnd'
  }

  für (t in Übergängen) {
      wenn( el.style[t] !== undefiniert ){
          Rückgabeübergänge[t];
      }
  }
}

Unterstützung() {
  let support = "onwheel" in document.createElement("div") ? "wheel" : // Moderne Browser unterstützen "wheel"
    document.onmousewheel !== undefiniert ? "mousewheel" : // Webkit und IE unterstützen zumindest "mousewheel"
    "DOMMausScroll";
  Unterstützung bei der Rückgabe
},

var Radabstand = Funktion(evt){
  wenn (!evt) evt = Ereignis;
  var w=evt.wheelDelta, d=evt.detail;
  wenn (d){
    if (w) return w/d/40*d>0?1:-1; // Opera
    sonst return -d/3; // Firefox; TODO: kein /3 für OS X
  } sonst returniere mit 120; // IE/Safari/Chrome TODO: /3 für Chrome OS X
};

var Radrichtung = Funktion (evt) {
  wenn (!evt) evt = Ereignis;
  zurückgeben (evt.detail<0) ? 1 : (evt.wheelDelta>0) ? 1 : -1;
};

let cancelAnimationFrame = window.cancelAnimationFrame 
  || window.mozAnimationFrame abbrechen 
  || Funktion(id) { Zeitüberschreitung(id) löschen };
let requestAnimationFrame = window.requestAnimationFrame 
  || window.mozRequestAnimationFrame || window.webkitRequestAnimationFrame 
  || window.msRequestAnimationFrame
  || Funktion (Rückruf) { return setTimeout(Rückruf, 1000 / 60) };