<!DOCTYPE html>
<html>
    <head>
        <script src=media-file.js></script>
        <script src=video-test.js></script>

        <script>
        var controller;
        var video;

        function start() {
            video = document.getElementById('video');
            run('controller = video.controller');
            controller.addEventListener('canplaythrough', canplaythrough, true);
            var src = findMediaFile('video', 'content/test');
            video.src = src;
        }
        
        function canplaythrough() {
            consoleWrite("EVENT(canplaythrough)");
            controller.removeEventListener('canplaythrough', canplaythrough, true);
            controller.addEventListener('ended', ended, true);
            // 0.05 is greater than one frame of this 25fps video.
            run('controller.currentTime = controller.duration - 0.05');
            run('video.play()');
            run('controller.play()');
        }
        
        function ended() { 
            consoleWrite("EVENT(ended)");
            testExpected("controller.currentTime", 0, ">");
            testExpected("controller.currentTime <= controller.duration", true);
            endTest();
        }
        </script>
    </head>
    <body onload="start()">
        <video id="video" mediaGroup="group" controls></video>
    </body>
</html>