CODEWITHSUNDEEP
javascripthtmlflashiframe
nouveau
nouveau

Reputation: 1272

Disable flash on our website and in iframe

How can I disable flash from running in an iframe on my site?

We have a website where we give the user the option to view their site in an iframe on a makeshift mobile simulator. We wanted the user to see that their website doesn't look so great, but this doesn't work as intended for many reasons. I doesn't take into account meta-view port settings etc, but I'll figure that out later. The other problem is the flash works and don't want it to, so that they see that it wont run on iOS.

Upvotes: 4

Views: 1014

Answers (2)

Benjamin Gruenbaum
Benjamin Gruenbaum

Reputation: 276586

Update - please see Rick's answer

The current HTML5 way is to use sandbox="allow-scripts" - this is explained in Rick's answer.

You can't control iframes on another domain from your site.

You can't run any scripts on them to remove/alter flash because of the same origin policy.

It's a security issue - imagine you could include and manipulate iframes. I could include an iframe containing http://nouveaus-bank.com and simulate events entering amounts and transferring money to my account in it.

There was an "allow-plugins" proposal for iframe sandboxing but it was rejected.

Your only option would be using a proxy on your site and putting it on your domain instead, or manipulating it on the server-side. If you can ask clients to include a code snippet on their side you can do a .postMessage and intercept it on the iframe asking it to remove the flash.

Upvotes: 1

Eph
Eph

Reputation: 1320

With the new HTML5 iframe sandbox attribute you can disable all plugins (including flash) in supported browswers by including the sandbox attribute. For example:

<!DOCTYPE html>
<html>
    <head>
        <style>iframe{height:9000px; width:100%;}</style>
    </head>
    <body>
        <iframe sandbox="allow-scripts" src="http://www.adobe.com/software/flash/about/"/>
    </body>
</html>

Will not display the flash animation, or version information. But the same code without the sandbox will:

<!DOCTYPE html>
<html>
    <head>
        <style>iframe{height:9000px; width:100%;}</style>
    </head>
    <body>
        <iframe src="http://www.adobe.com/software/flash/about/"/>
    </body>
</html>

Upvotes: 2

Related Questions