<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8">

        <title><object> - plug-in loading & css</title>

        <style>

            object {

                display: none;

            }

        </style>

    </head>

    <body>

        <p>This document contains an <object> set to display: none by default. Use the dropdown below to change its display to various other values to see what happens in each browser each time you change the value.</p>

        <p><select onchange="document.getElementsByTagName('object')[0].style.display=this.value;" size="5">

                <option value="none" selected>none</option>

                <option value="inline">inline</option>

                <option value="inline-block">inline-block</option>

                <option value="block">block</option>

                <option value="table">table</option>

            </select>

        </p>

        <p>Before_<object type="application/x-shockwave-flash" data="http://www.youtube.com/v/zPqVFfT4Kck&hl=en&fs=1&autoplay=1" width="425" height="344">

                <param name="movie" value="http://www.youtube.com/v/zPqVFfT4Kck&hl=en&fs=1&autoplay=1">

                You need flash!

            </object>_After</p>

    </body>

</html>