gecko/mobile/android/base/tests/video_discovery.html

72 lines
2.0 KiB
HTML

<!DOCTYPE HTML>
<html>
<head>
<title>Video Discovery Test</title>
<style type="text/css">
#video-box {
float: left;
}
#video-overlay, #video-player {
width: 640px;
min-height: 370px;
}
#video-overlay {
position: absolute;
float: left;
background-color:#f00;
z-index:10;
}
</style>
</head>
<body>
<!-- PASS: src uses a mp4 extension -->
<video id="simple-mp4" poster="/simple.png" src="/simple.mp4"></video>
<!-- FAIL: src uses a ogg extension -->
<video id="simple-fail" src="/simple.ogg"></video>
<!-- PASS: source list uses a mp4 extension -->
<video id="with-sources-mp4">
<source src="/simple.ogg">
<source src="/simple.mp4">
</video>
<!-- PASS: source list uses a webm extension -->
<video id="with-sources-webm">
<source src="/simple.ogg">
<source src="/simple.webm">
</video>
<!-- FAIL: source list has no mp4 or webm extension -->
<video id="with-sources-fail">
<source src="/simple.ogg">
</video>
<!-- PASS: source list uses a mp4 mimetype -->
<video id="with-sources-mimetype-mp4">
<source src="/simple-video-ogg" type="video/ogg">
<source src="/simple-video-mp4" type="video/mp4">
</video>
<!-- PASS: source list uses a webm mimetype -->
<video id="with-sources-mimetype-webm">
<source src="/simple-video-ogg" type="video/ogg">
<source src="/simple-video-webm" type="video/webm">
</video>
<!-- PASS: source list uses a mp4 mimetype and extra data -->
<video id="with-sources-mimetype-plus">
<source src="/simple-video-ogg" type="video/ogg">
<source src="/simple-video-mp4" type="video/mp4; codecs='avc1.42E01E, mp4a.40.2'">
</video>
<!-- PASS: div overlay covers a video with mp4 src -->
<div id="video-box">
<div id="video-overlay"></div>
<div>
<video id="video-player" src="/simple.mp4"></video>
</div>
</div>
</body>
</html>