blob: d9109aae6ad2ce0404419aa163c158711728680d [file] [log] [blame]
<!DOCTYPE html>
<html>
<title>Test that player buffering is reflected in CSS classes</title>
<script src="../../resources/testharness.js"></script>
<script src="../../resources/testharnessreport.js"></script>
<script src="../../../media-resources/media-controls.js"></script>
<script src="../../../media-resources/media-file.js"></script>
<video controls width=400 preload=metadata></video>
<script>
async_test(t => {
const video = document.querySelector('video');
checkControlsClassName(video, "phase-pre-ready state-no-source use-default-poster");
video.onstalled = t.step_func_done(() => {
checkControlsClassName(video, "phase-ready state-buffering");
});
const mediaFile = "../../../media/" + "content/test.ogv";
const mimeType = mimeTypeForFile(mediaFile);
video.src = "http://127.0.0.1:8000/resources/load-and-stall.php?name="
+ mediaFile + "&mimeType=" + mimeType + "&stallAt=100000&stallFor=8";
video.play();
});
</script>
</html>