summaryrefslogtreecommitdiffstats
path: root/media/test/data/encrypted_frame_size_change.html
blob: c6bf0ae24cbf82638d936bd6ef5e0563c491bffd (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
<!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='eme_player_js/app_loader.js' type='text/javascript'></script>
    <script>
      var firstVideoSeek = false;
      var video_fixed_size = document.getElementsByTagName("video")[0];
      var video = document.getElementsByTagName("video")[1];
      var testConfig;

      function initTestConfig() {
        testConfig = new TestConfig();
        testConfig.loadQueryParams();
      }

      function load() {
        initTestConfig();
        loadVideo(video_fixed_size).then(function() {
          loadVideo(video);
        });
      }

      function loadVideo(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) {
              Utils.timeLog('One video seeked.');
              firstVideoSeek = true;
              return;
            }
            Utils.setResultInTitle('ENDED');
          });
          video.currentTime = 0.5;
        });

        video.addEventListener('canplay', oncanplay);

        var videoPlayer = PlayerUtils.createPlayer(video, testConfig);
        return videoPlayer.init()
            .then(function() { video.play(); })
            .catch(function() { Utils.failTest('Unable to play video.'); });
      }
    </script>
  </body>
</html>