Click here to Skip to main content
65,938 articles
CodeProject is changing. Read more.
Articles / web / HTML

Custom Control to Embed Flash

4.00/5 (4 votes)
5 Jan 2008CPOL2 min read 1   633  
Insert Flash into a page without Click to activate and use this control in IE.

Introduction

In some recent versions of Internet Explorer, Flash movies need a click to activate them. It is frustrating, especially if your Flash is part of the page design. But, some solutions are available to fix this issue. In other words, we need some code for IE and a different one for Opera, Firefox, Safari, and other favorite browsers. An ASP.NET custom control can make this possible.

Using the code

Just add this control to your toolbar, and that's all. Drag and drop on the page, select an SWF file to embed.

Points of interest

Let's consider details. First of all, we need to know the browser. No problems: Page.Request.Browser.Browser will return the browser name. So, now, we know what browser requested our page. The next step is to render the correct HTML for the browser. The main idea is to write a Flash <object> node from an external JavaScript file inside some container (div in this implementation). But, it's not very good to carry a JavaScript file with our custom control. So, we are going to embed the JavaScript inside our DLL. Here is our JavaScript:

JavaScript
function ActivateFlash(id,content)
{
    document.getElementById(id).innerHTML = content;
}

Fairly simple stuff... But we can't write it on the same page, it's important to put it in an external JavaScript resource. So, we have the file: activate.js.

To embed it inside our assembly, we need to change the build action to "Embedded Resource" and add this line to AssemblyInfo.cs:

C#
[assembly: System.Web.UI.WebResource("EmbedFlash.activate.js",
 "application/x-javascript")]

Also, we need to provide the following properties: Width, Height, WMode (Windowed, Opaque, Transparent), and the Flash file URL (SWFURL). But this is simple stuff.

Another interesting thing, we might want to browse for the SWF file in design mode. To do this, we need to add the following attribute to our SWFURL property:

C#
[EditorAttribute(typeof(System.Web.UI.Design.UrlEditor), typeof(UITypeEditor))]

It tells the designer to use the UrlEditor class as UITypeEditor for this property.

More information can be found inside the source code.

History

This article was originally posted on ASP.NET Cafe: Tips and Tricks, and then with a few changes posted on CodeProject. Flash Embedding was tested in IE 6 and 7, FireFox, Opera, and Safari.

  • January 5th... I found a big ugly bug here, and I corrected it.

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)