blob: 719d8befd3b5d857cccf8ef7c87613afa351d1fd [file] [log] [blame]
<!DOCTYPE html>
<html>
<body onload="load()">
<p>Tests decoding and rendering encrypted video element that has a changing
resolution.</p>
<video width=320 controls></video>
<video controls></video>
<script src="media_utils.js" type="text/javascript"></script>
<script src="media_source_utils.js" type="text/javascript"></script>
<script src="encrypted_media_utils.js" type="text/javascript"></script>
<script>
var firstVideoSeek = false;
var video_fixed_size = document.getElementsByTagName("video")[0];
var video = document.getElementsByTagName("video")[1];
function load() {
loadVideo(video_fixed_size);
loadVideo(video);
}
function loadVideo(video) {
var mediaSource = loadEncryptedMediaFromURL(video);
video.addEventListener('playing', function() {
// Make sure the video plays for a bit.
video.addEventListener('timeupdate', function() {
if (video.currentTime > 1.0) {
video.pause();
}
});
});
video.addEventListener('pause', function() {
video.addEventListener('seeked', function() {
if (!firstVideoSeek) {
console.log('One video seeked.');
firstVideoSeek = true;
return;
}
setResultInTitle('ENDED');
});
video.currentTime = 0.5;
});
video.addEventListener('canplay', oncanplay);
video.play();
}
</script>
</body>
</html>