blob: 83794af89996591cfde97963bce0d7d37aad4c9c [file] [log] [blame]
<!DOCTYPE HTML>
<html>
<head>
<title>Replacing Contents Clipped</title>
<script src="../../media/media-file.js"></script>
<script>
var callback;
var video;
if (window.testRunner) {
window.testRunner.dumpAsText(true);
window.testRunner.waitUntilDone();
}
function runTest() {
video = document.getElementsByTagName('video')[0];
video.addEventListener('canplaythrough', canplaythrough);
callback = switchSrc;
video.src = findMediaFile('video', '../../media/content/counting');
video.load();
}
function canplaythrough() {
if (!callback)
return;
setTimeout(() => {
callback();
}, 0);
}
function switchSrc() {
callback = endTest;
video.src = findMediaFile('video', '../../media/content/test');
video.load();
}
function endTest() {
if (window.testRunner)
setTimeout(function() { testRunner.notifyDone(); }, 250);
}
</script>
<style>
video {
width: 200px;
height: 200px;
object-fit: cover;
}
</style>
</head>
<body onload="runTest()">
<button onclick="runTest()">run test</button><br>
<video></video>
</body>