object-clipping.html [plain text]

<!DOCTYPE html>

<html>
<head>
    <title>clipping objects</title>
    <style type="text/css" media="screen">
        object {
            margin: 30px;
            border: 20px solid green;
        }
    </style>
</head>
<body>
    <p>You should see a clipped video surrounded by a thick green border.</p>
    <p><a href="https://bugs.webkit.org/show_bug.cgi?id=35555">https://bugs.webkit.org/show_bug.cgi?id=35555</a></p>
    <object type="video/quicktime" data="../../../../LayoutTests/media/content/test.mp4" width="200" height="150">
        <param value="false" name="autoplay">
        <param value="false" name="controller">
    </object>

</body>
</html>