зеркало из https://github.com/mozilla/popcorn-js.git
108 строки
2.0 KiB
HTML
108 строки
2.0 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<title>Popcorn API</title>
|
|
<link rel="stylesheet" href="qunit/qunit.css" type="text/css" media="screen">
|
|
|
|
<style>
|
|
body {
|
|
margin: 3px;
|
|
padding: 0px;
|
|
}
|
|
h3 {
|
|
margin: 3px;
|
|
padding: 0px;
|
|
}
|
|
h2 {
|
|
display: inline;
|
|
margin: 3px;
|
|
padding: 0px;
|
|
}
|
|
.pass {
|
|
color: #33FF00;
|
|
}
|
|
.expect {
|
|
color: #2d2d2d;
|
|
}
|
|
.fail {
|
|
color: #FF0000;
|
|
}
|
|
</style>
|
|
<script src="jquery.js"></script>
|
|
<script src="../popcorn.js"></script>
|
|
<script>
|
|
(function( Popcorn, $ ) {
|
|
|
|
var readyCalled = 0,
|
|
readyOrder = [],
|
|
readyComposed = "Ready Callback 1,Ready Callback 2",
|
|
results = {
|
|
pass: 0,
|
|
fail: 0,
|
|
expect: 2
|
|
};
|
|
|
|
$(function() {
|
|
readyCalled++;
|
|
});
|
|
|
|
Popcorn(function (e) {
|
|
|
|
readyCalled++;
|
|
readyOrder.push("Ready Callback 1");
|
|
|
|
Popcorn("#video").exec( 1, function () {
|
|
|
|
results[
|
|
( readyCalled === 3 ? "pass" : "fail" )
|
|
]++;
|
|
|
|
if ( readyOrder.join(",") === readyComposed ) {
|
|
results.pass++;
|
|
}
|
|
|
|
$.each( results, function( name, value ) {
|
|
$("video").before(
|
|
$("<h2>", {
|
|
className: name,
|
|
html: name + ": " + value
|
|
})
|
|
);
|
|
});
|
|
|
|
}).play().volume(0);
|
|
|
|
});
|
|
|
|
Popcorn(function () {
|
|
|
|
readyCalled++;
|
|
readyOrder.push("Ready Callback 2");
|
|
|
|
});
|
|
})( Popcorn, jQuery );
|
|
|
|
</script>
|
|
|
|
</head>
|
|
<body>
|
|
<h3>Popcorn(/* DOM Ready */)<h3>
|
|
|
|
<video id='video'style="display:none"
|
|
controls
|
|
poster="poster.png">
|
|
|
|
<source id='mp4'
|
|
src="trailer.mp4"
|
|
type='video/mp4; codecs="avc1, mp4a"'>
|
|
|
|
<source id='ogv'
|
|
src="trailer.ogv"
|
|
type='video/ogg; codecs="theora, vorbis"'>
|
|
|
|
<p>Your user agent does not support the HTML5 Video element.</p>
|
|
|
|
</video>
|
|
</body>
|
|
</html>
|