Setting the width and height of an <object/> using material design light
<p>I am trying to embed a flash game in a webpage using <a href="https://www.getmdl.io/" rel="nofollow noreferrer">material design lite</a>. I declare the object in this context:</p>

<pre><code>&lt;body class="mdl-demo mdl-color--grey-100 mdl-color-text--grey-700 mdl-base"&gt;
    &lt;div style="mdl-layout mdl-js-layout mdl-layout--fixed-header"&gt;
       ...
       &lt;object type="application/x-shockwave-flash " style="width:1024px;height:576px"&gt;
       ...
       &lt;/object&gt;
   &lt;/div&gt;
&lt;/body&gt;
</code></pre>

<p>Looking into chrome developer tools, I can see that "width" and "height" of the object are set to "auto".</p>

<p><a href="https://i.stack.imgur.com/vf4YN.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/vf4YN.png" alt="enter image description here"></a></p>

<p>How can I set them to my desired values?</p>