wait...
if (newState == -1) {
           alert('VIDEO HAS STOPPED');
       }
   }, 5000);

Méthodes natives en javascript :
insertAdjacentHTML()
getBoundingClientRect()
The <table> API

et encore ... https://developer.mozilla.org/en-US/docs/Web/API

Faire des animations en javascript :
- peut-être plus rapide et plus de contrôle qu'en CSS : http://css-tricks.com/myth-busting-css-animations-vs-javascript/

Encore un exemple de comment se passer de jQuery : ici en implémentant un bouton qui fait varier la classe d'un élément cible.

function activeState(trigger) {
 var targetName = trigger.getAttribute('href').replace('#', '');
 var target = document.getElementById(targetName);
 
 if (!target) {
   return;
 }
 
 trigger.classList.toggle('active');
 target.classList.toggle('active');
}

//

var trigger = document.getElementById('trigger');
trigger.addEventListener('click', function(event) {
 // abort the link's default action.
 event.preventDefault();
 event.stopImmediatePropagation();
 
 activeState(this);
}, true);

Pour intégrer une image dans une page web et avoir un rafraichissement auto.

John Resig (jQuery) explique les pertes de performances en passant au querySelector() pour des usages basiques (recherche par Id par exemple) qui sont donc plus performants avec : document.getElementById(). Il a pu s'en apercevoir en passant d'une version jQuery 1.4.2 à la 1.4.4.
Dans le cas qui le préoccupait (charge sur twitter), le probleme venait du scroll infini et d'un callback attaché qui faisait justement une recherche sur tout le DOM (page 'infinie' !!) à chaque scroll !