JSFiddle - React, Tailwind, and code Playground
HTML
<video width="640" height="360" controls autoplay>
<!-- MP4 must be first for iPad! -->
<source src="http://clips.vorwaerts-gmbh.de/VfE_html5.mp4" type="video/mp4" /><!-- Safari / iOS, IE9 -->
<source src="http://clips.vorwaerts-gmbh.de/VfE.webm" type="video/webm" /><!-- Chrome10+, Ffx4+, Opera10.6+ -->
<source src="http://clips.vorwaerts-gmbh.de/VfE.ogv" type="video/ogg" /><!-- Firefox3.6+ / Opera 10.5+ -->
</video>
JavaScript
var origReplaceChild = document.body.replaceChild,
origAppendChild = document.body.appendChild,
origInsertBefore = docuemnt.body.insertBefore;
// below is the beautyfied source of the original divx-plugin which i assume is invoked after the page loaded, so there is pretty much room to undo the changes being made to the dom.
var doc = document,
objectTag = "embed",
isInternetExplorer = -1 != navigator.userAgent.indexOf("MSIE"),
isMozillaFirefox = -1 != navigator.userAgent.indexOf("Firefox"),
isGoogleChrome = -1 != navigator.userAgent.indexOf("Chrome"),
isAppleSafari = -1 != navigator.userAgent.indexOf("Safari");
function getBrowserVersion() {
var j = -1,
h = null;
if (isInternetExplorer) h = "MSIE ";
if (isMozillaFirefox) h = "Firefox/";
if (isGoogleChrome) h = "Chrome/";
if (isAppleSafari) h = "Version/";
if (null != h) if (null != RegExp(h + "([0-9]{1,}[.0-9]{0,})").exec(navigator.userAgent)) j = parseFloat(RegExp.$1);
return j
}
if (isInternetExplorer) {
objectTag = "object";
ReplaceVideoElements()
} else if (isMozillaFirefox) {
var OnDOMContentLoadedHandled = function () {
ReplaceVideoElements()
},
OnDOMContentLoadedTabbedHandled = function (j) {
doc = j.originalTarget;
if (doc instanceof HTMLDocument) if (doc.defaultView.frameElement) for (; doc.defaultView.frameElement;) doc = doc.defaultView.frameElement.ownerDocument;
ReplaceVideoElements()
};
gBrowser ? gBrowser.addEventListener("DOMContentLoaded", OnDOMContentLoadedTabbedHandled, false) : window.addEventListener("DOMContentLoaded", OnDOMContentLoadedHandled, false)
} else if (isGoogleChrome) ReplaceVideoElements();
else if (isAppleSafari) {
OnDOMContentLoadedHandled = function () {
ReplaceVideoElements()
};
window.addEventListener("DOMContentLoaded", OnDOMContentLoadedHandled, false)
}
function MessageHandler() {}
function...