content-visibility-video.html (1007B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <meta charset="utf-8"> 4 <title>Content Visibility: hidden video</title> 5 <link rel="author" title="Martin Robinson" href="mailto:mrobinson@igalia.com"> 6 <link rel="help" href="https://drafts.csswg.org/css-contain/#content-visibility"> 7 <link rel="match" href="content-visibility-video-ref.html"> 8 <meta name="assert" content="content-visibility hidden video element does not paint replaced content"> 9 10 <script src="/common/reftest-wait.js"></script> 11 12 <style> 13 video { 14 width: 200px; 15 height: 200px; 16 background: green; 17 border: 1px solid black; 18 } 19 .hidden { 20 content-visibility: hidden; 21 } 22 </style> 23 24 <body> 25 <video id="video" poster="../support/blue-100x100.png" src="../support/white.webm" controls></video> 26 </body> 27 28 <script> 29 async function runTest() { 30 video.classList.add("hidden"); 31 video.play(); 32 requestAnimationFrame(takeScreenshot); 33 } 34 35 window.onload = () => { 36 requestAnimationFrame(() => { 37 requestAnimationFrame(runTest); 38 }); 39 }; 40 </script> 41 </html>