Click here to Skip to main content
12,300,841 members (62,972 online)
Click here to Skip to main content
Add your own
alternative version

Stats

27.6K views
611 downloads
36 bookmarked
Posted

Custom Control to Embed Flash

, 5 Jan 2008 CPOL
Rate this:
Please Sign up or sign in to vote.
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:

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:

[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:

[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)

Share

About the Author

Dmitry Salko
Web Developer
Ukraine Ukraine
No Biography provided

You may also be interested in...

Comments and Discussions

 
GeneralMy Vote of 4 [modified] Pin
Oakman22-Nov-09 5:05
memberOakman22-Nov-09 5:05 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

| Advertise | Privacy | Terms of Use | Mobile
Web02 | 2.8.160525.2 | Last Updated 5 Jan 2008
Article Copyright 2007 by Dmitry Salko
Everything else Copyright © CodeProject, 1999-2016
Layout: fixed | fluid