media/test/data/encrypted_frame_size_change.html

   1 <!DOCTYPE html>
   2 <html>
   3   <body onload="load()">
   4     <p>Tests decoding and rendering encrypted video element that has a changing
   5       resolution.</p>
   6     <video width=320 controls></video>
   7     <video controls></video>
   8     <script src='eme_player_js/app_loader.js' type='text/javascript'></script>
   9     <script>
  10       var firstVideoSeek = false;
  11       var video_fixed_size = document.getElementsByTagName("video")[0];
  12       var video = document.getElementsByTagName("video")[1];
  13       var testConfig = new TestConfig();
  14       testConfig.loadQueryParams();
  15
  16       function load() {
  17         loadVideo(video_fixed_size);
  18         loadVideo(video);
  19       }
  20
  21       function loadVideo(video) {
  22         var videoPlayer = PlayerUtils.createPlayer(video, testConfig);
  23         videoPlayer.init();
  24         video.addEventListener('playing', function() {
  25           // Make sure the video plays for a bit.
  26           video.addEventListener('timeupdate', function() {
  27             if (video.currentTime > 1.0) {
  28               video.pause();
  29             }
  30           });
  31         });
  32
  33         video.addEventListener('pause', function() {
  34           video.addEventListener('seeked', function() {
  35             if (!firstVideoSeek) {
  36               Utils.timeLog('One video seeked.');
  37               firstVideoSeek = true;
  38               return;
  39             }
  40             Utils.setResultInTitle('ENDED');
  41           });
  42           video.currentTime = 0.5;
  43         });
  44
  45         video.addEventListener('canplay', oncanplay);
  46         video.play();
  47       }
  48     </script>
  49   </body>
  50 </html>