Kann nicht html5 Video-Element mit Javascript blockieren

Question

Youtube hat vor kurzem begonnen HTML5 Webm-Version von Videos auf einigen Seiten zu spielen, obwohl Flash in Ihrem Browser verfügbar ist und Sie nicht in HTML5-Test sind.

Zum Beispiel dieser Videos spielen html5 webm standardmäßig:

http://www.youtube.com/watch?v=CuU91TU7O3s

Andere Beispiele (sehen v = Z3IGfwcGBP8?) (sehen v = c6tEKLT5G2M?)

(sehen v = kYcNJQ3Y6Sg?)

Ich versuche, Videoelemente mit Hilfe von Joystick friemonkey zu blockieren. Bei den meisten Youtube-Videos funktioniert das Entfernen des Videoelements. Zum Beispiel:

var h5video = document.getElementsByTagName("video")[0]; 
h5video.parentNode.removeChild(h5video) 

Aber auf dieser spezifischen Seite wird das Video noch abgespielt, obwohl Sie das Videoelement entfernt haben, hören Sie das Audio. http://www.youtube.com/watch?v=cCn-rmgECY0

Warum spielt das Video noch?

Wie können Sie das Video mit Javascript blockieren? Ich möchte, dass das Skript das Laden des Videos unterbricht oder blockiert und das Video nicht einfach anhält.

Answer 1

Neudefinieren die Prototypen der media und video Elemente die play Methode außer Kraft zu setzen:

HTMLMediaElement.prototype.play = HTMLVideoElement.prototype.play = Function; 

Verwenden JavaScript die audio, embed und object Elemente zu entfernen, wie auch:

var h5audio = document.getElementsByTagName("audio")[0]; 
h5audio.parentNode.removeChild(h5audio); 

var object = document.getElementsByTagName("object")[0]; 
object.parentNode.removeChild(object); 

var embed = document.getElementsByTagName("embed")[0]; 
embed.parentNode.removeChild(embed); 

Referenzen

• MDN: HTMLMediaElement

• Simplified Adaptive Video Streaming: Announcing support for HLS and DASH in Windows 10

• Acceptance of Media Source Extensions as W3C Candidate Recommendation will accelerate adoption of dash.js

• [MS-HTML5E]: Microsoft Edge/Internet Explorer Extensions to the HTML5 Specification