Websites/webkit.org/blog-files/prefers-reduced-motion/axi.htm

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <title>Video: Using prefers-reduced-motion with the Accessibility Inspector</title>
   5 <meta name="viewport" content="width=device-width, initial-scale=1">
   6 <style type="text/css">
   7 html {
   8         font: 100% sans-serif;
   9         font: -apple-system-body;
  10 }
  11 body {
  12         font-size: 0.8em;
  13         line-height: 1.1;
  14 }
  15 </style>
  16 </head>
  17 <body>
  18
  19 <video width="640" height="526" poster="./posters/axi.jpg" controls="controls" preload="none">
  20     <source type="video/mp4" src="/wp-content/uploads/prm_axi-h264.m4v" />
  21     <track src="/wp-content/uploads/prm_axi.vtt" kind="captions" srclang="en" label="English CC">
  22 </video>
  23 <p>Back to the <a href="./prm.htm"><code>prefers-reduced-motion</code> demo</a>.</p>
  24 </body>
  25 </html>