зеркало из https://github.com/mozilla/gecko-dev.git
61 строка
1.6 KiB
HTML
61 строка
1.6 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>
|
||
|
|
|
||
|
|
<!-- FAIL: source list uses a mp4 extension -->
|
||
|
|
<video id="with-sources-fail">
|
||
|
|
<source src="/simple.ogg">
|
||
|
|
<source src="/simple.webm">
|
||
|
|
</video>
|
||
|
|
|
||
|
|
<!-- PASS: source list uses a mp4 mimetype -->
|
||
|
|
<video id="with-sources-mimetype">
|
||
|
|
<source src="/simple-video-ogg" type="video/ogg">
|
||
|
|
<source src="/simple-video-mp4" type="video/mp4">
|
||
|
|
</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>
|