Search code examples
flashresponsive-designautoresizebannerbanner-ads

What's happening with flash banners when resizing website window with responsive design?


I couldn't find a website to see how it works... At the moment I have a website with fixed width and the sidebar is 300px wide, and the flash banners/adverts are going there with fixed size. Usually those banners are with sizes 300px or 250px.

What happenes if I change the design to responsive? And I'm planning to do that. Are they going to be resizing too? How are they handled? If the flash content is 300px wide, how it will look on the responsive sidebar which will vary from let's say 350px to 250px according to the resolution... Can they be resized dynamically too with media queries or something?


Solution

  • SWFObject uses the object element in HTML5. The object element allows you to nest alternative flash content inside of it that is accessible for people without the required Flash Player or JavaScript support. You make it responsive of course as here; Example:-

    .swfObject
    {
        width:100%;
        height:100%;
    }
    
    
    
    <object>
    <param name="movie" value="http://www.youtube.com/v/NmRTreaCJXs?version=3"/>
    <param name="allowFullScreen" value="true"/>
    <param name="allowscriptaccess" value="always"/>
    <param name="wmode" value="transparent"/>
    <embed wmode="transparent" src="http://www.youtube.com/v/NmRTreaCJXs?version=3" type="application/x-shockwave-flash" class="swfObject" allowscriptaccess="always" allowfullscreen="true"/>
    </object>
    

    Hope it helps you.