mix-blend-mode-video-sibling-notref.html

Enable keyboard shortcuts

<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8">

        <title>CSS Test: mix-blend-mode blending between a video element and an overlapping sibling</title>

        <link rel="author" title="Mirela Budăeș" href="mailto:mbudaes@adobe.com">

        <link rel="author" title="Mihai Tica" href="mailto:mitica@adobe.com">

        <style type="text/css">

            div {

                margin-top: -361px;

                background-color: #FF0;

                width: 300px;

                height: 350px;

                color: #F00;

        </style>

    </head>

    <body>

        <p>Test passes if you can see text and a circle moving from the top to the bottom of the page,<br>

        both drawn with green, over a blue background.</p>

        <video autoplay>

            <source src="../support/red_circle.mp4" type="video/mp4">

       </video>

       <div>Some text inside the div.</div>

    </body>

</html>