webshim
Version:
modular capability-based polyfill loading libary, which extends jQuery with HTML5 features in legacy browsers
88 lines (66 loc) • 1.79 kB
HTML
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
<title>Webshims Lib Test Suite</title>
<link rel="stylesheet" href="qunit/qunit.css" media="screen">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.js"></script>
<script src="qunit/qunit.js"></script>
<script src="../src/polyfiller.js"></script>
<script>
(function($){
$.webshims.ready('dom-support', function(){
QUnit.reset = function(){
$("#main, #qunit-fixture").htmlPolyfill( QUnit.config.fixture );
};
});
module("init");
asyncTest("init", function(){
$.webshims.ready('DOM mediaelement swfobject', start);
});
})(jQuery);
</script>
<script src="test-ext/test-helper.js"></script>
<script src="unit/mediaelement.js"></script>
<script>
jQuery.noConflict();
(function($){
// webshims.cfg.debug = true;
$(window).load(function(){
$.webshims.polyfill();
});
})(jQuery);
</script>
<style type="text/css">
html { border: 0; }
#qunit-fixture {
position: static;
left: auto;
top: auto;
}
.hidden-area {
display: none;
}
</style>
</head>
<body class="flora">
<a href="fgf/ds.html"></a>
<h1 id="qunit-header">Webshims Lib Test Suite</h1>
<h2 id="qunit-banner"></h2>
<div id="qunit-testrunner-toolbar"></div>
<h2 id="qunit-userAgent"></h2>
<ol id="qunit-tests"></ol>
<div id="qunit-fixture">
<div id="mediawrapper">
<video controls preload="none" src="empty/src.ext" poster="empty/src.ext">
<source src="empty/src.ext" />
</video>
<div class="hidden-area"></div>
<audio controls preload="none" src="empty/src.ext" poster="empty/src.ext">
<source src="empty/src.ext" />
</audio>
</div>
</div>
</body>
</html>