<object> responsive width

Question

In my fixed version site I have :

<object type="application/x-shockwave-flash" data="uppod.swf" width="560" height="370">

How do item tag <object> is responsive ?

object{
    width:100%;
    max-height:100%;
}

It doesn't work .

How change attributes width="560" height="370" ?

Answer 1

Remove width and height attributes here:

<object type="application/x-shockwave-flash" data="uppod.swf">

and in CSS:

object {
     width:100%;
     max-height:100%;
}

Answer 2

The HTML settings override CSS. Remove them from your HTML tag and set them only in CSS.

<object type="application/x-shockwave-flash" data="uppod.swf">