<!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>