Solved

Detect whether Flash is supported and display the appropriate <div>

Posted on 2014-11-20
5
76 Views
Last Modified: 2014-12-05
I need to detect whether a browser supports Flash and then display the appropriate div within a web page. The div will just contain an image link. For example:

Detect whether flash is supported

if supported:
<div id="flash">
a link to flash content web page
</div>

if not supported:
<div id="Other">
a link to non flash content page (pdf)
</div>

You quick reply is deeply appreciated.
0
Comment
Question by:davidgm
  • 3
  • 2
5 Comments
 
LVL 58

Expert Comment

by:Gary
ID: 40456138
0
 

Author Comment

by:davidgm
ID: 40456274
My intention was to display an image link that directs to the Flash page and not embed the Flash movie in the div itself, I can't seem to see how to do this with swfobject?
0
 
LVL 58

Expert Comment

by:Gary
ID: 40456309
Grab the library here and add to your page
http://code.google.com/p/swfobject/downloads/list

Under Dynamic Publishing
http://learnswfobject.com/the-basics/

Code sample taken from the link above
<script type="text/javascript">
swfobject.embedSWF("mymovie.swf", "flashcontent", "550px", "400px", "9");
</script>

<div id="flashcontent">
      Fallback or 'alternate' content goes here.
      This content will be replaced by the SWF
      after SWFObject embeds it.
</div>

Open in new window

0
 

Author Comment

by:davidgm
ID: 40457465
OK, I did this. It works for the non Flash content. That is, it displays a link button that users can click on to view a pdf document. However, it does not work for the Flash content. Yes, it embeds the flash in the div (a small div located on an html page with lots of other content in it) but that is not what I need. If Flash is supported, I just need to put a - button link - that, when clicked on, takes to a separate html page that has the Flash file embedded in.
0
 
LVL 58

Accepted Solution

by:
Gary earned 500 total points
ID: 40457978
<script>
var version = swfobject.getFlashPlayerVersion();

if(version.major>0){
// has flash
}
else{
// no flash
}
</script>

Open in new window

0

Featured Post

Free Tool: Postgres Monitoring System

A PHP and Perl based system to collect and display usage statistics from PostgreSQL databases.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
2 separate CSS animations 2 17
Possible propagation problem 1 25
troubleshoot a python script 8 25
CSS Style Effect 2 11
This article discusses how to create an extensible mechanism for linked drop downs.
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

830 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question