| <!DOCTYPE html> |
| <html> |
| <head> |
| <title>Video: Using prefers-reduced-motion with the Accessibility Inspector</title> |
| <meta name="viewport" content="width=device-width, initial-scale=1"> |
| <style type="text/css"> |
| html { |
| font: 100% sans-serif; |
| font: -apple-system-body; |
| } |
| body { |
| font-size: 0.8em; |
| line-height: 1.1; |
| } |
| </style> |
| </head> |
| <body> |
| |
| <video width="640" height="526" poster="./posters/axi.jpg" controls="controls" preload="none"> |
| <source type="video/mp4" src="/wp-content/uploads/prm_axi-h264.m4v" /> |
| <track src="/wp-content/uploads/prm_axi.vtt" kind="captions" srclang="en" label="English CC"> |
| </video> |
| <p>Back to the WebKit blog post: <a href="https://webkit.org/blog/7551/responsive-design-for-motion/">Responsive Design for Motion</a> or <a href="./prm.htm"><code>prefers-reduced-motion</code> demo</a>.</p> |
| </body> |
| </html> |
