mix-blend-mode-video.html (1102B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>CSS Test: Video element with mix-blend-mode.</title> 5 <link rel="author" title="Mihai Tica" href="mailto:mitica@adobe.com"> 6 <link rel="help" href="https://drafts.fxtf.org/compositing-1/#mix-blend-mode"> 7 <meta name="assert" content="Test checks that mix-blend-mode is applied to a video element."> 8 <link rel="reviewer" title="Rik Cabanier" href="mailto:cabanier@adobe.com"> 9 <link rel="reviewer" title="Mirela Budaes" href="mailto:mbudaes@adobe.com"> 10 <link rel="mismatch" href="reference/mix-blend-mode-video-notref.html"> 11 <style type="text/css"> 12 div { 13 width: 480px; 14 height: 352px; 15 background: #FF0; 16 } 17 </style> 18 </head> 19 <body> 20 <p>Test passes if you can see a green circle over a blue background.</p> 21 <div> 22 <video autoplay style="mix-blend-mode: difference"> 23 <source src="support/red_circle.mp4" type="video/mp4"> 24 </video> 25 </div> 26 </body> 27 </html>