image-rendering-script.html

Enable keyboard shortcuts

<!DOCTYPE HTML>

<!--

    Any copyright is dedicated to the Public Domain.

    http://creativecommons.org/licenses/publicdomain/

-->

<html reftest-zoom="2" class="reftest-wait">

  <head>

    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

    <title>test video image-rendering script change</title>

    <style type="text/css">

      #v1 {

        image-rendering: auto;

    </style>

    <script type="text/javascript">

      function updateImageRendering() {

        var video = document.getElementById("v1");

        video.style.imageRendering = '-moz-crisp-edges';

        document.documentElement.removeAttribute('class');

      window.addEventListener("MozReftestInvalidate", updateImageRendering);

    </script>

  </head>

  <body>

    <video src="qr.mp4" preload="metadata" id="v1" style="position:absolute; left:0; top:0"></video>

  </body>

</html>