How to detect flash is installed or not using JavaScript ?

The task is to detect whether the user has installed Adobe Flash player or not with the help of JavaScript. we’re going to discuss 2 techniques.

Approach:

Create a ShockwaveFlash.ShockwaveFlash object.
If the instance’s value is true, Flash is installed.
If any error occurred, Use navigator.mimetypes property to know whether the flash is installed.

Example 1: This example checks the flash player is installed or not.

<!DOCTYPE HTML> 
<html> 
  
<head> 
    <title> 
        How to detect flash is installed 
        or not using JavaScript ? 
    </title> 
</head> 
  
<body style="text-align:center;"> 
      
    <h1 style="color:green;">  
        GeeksForGeeks 
    </h1> 
      
    <p id="GFG_UP" style= 
        "font-size: 19px;font-weight: bold;"> 
    </p> 
      
    <button onclick="GFG_Fun()"> 
        click here 
    </button> 
      
    <p id="GFG_DOWN" style= 
        "color: green; font-size: 24px; font-weight: bold;"> 
    </p> 
      
    <script> 
        var el_up = document.getElementById("GFG_UP"); 
        var el_down = document.getElementById("GFG_DOWN"); 
          
        el_up.innerHTML = "Click on the button to check"+ 
                " whether Adobe Flash is installed or not"; 
          
        var Flash = false; 
  
        function GFG_Fun() { 
            try { 
                Flash =  
                Boolean(new ActiveXObject('ShockwaveFlash.ShockwaveFlash')); 
            } catch (exception) { 
                Flash = ('undefined' != typeof navigator.mimeTypes[ 
                    'application/x-shockwave-flash']); 
            } 
            el_down.innerHTML = Flash; 
        } 
    </script> 
</body> 
  
</html> 

Output:

Before clicking on the button:
After clicking on the button:

Example 2: This example checks the flash player is installed or not.

<!DOCTYPE HTML> 
<html> 
  
<head> 
    <title> 
        How to detect flash is installed 
        or not using JavaScript ? 
    </title> 
</head> 
  
<body style="text-align:center;"> 
      
    <h1 style="color:green;">  
        GeeksForGeeks 
    </h1> 
      
    <p id="GFG_UP" style= 
        "font-size: 19px;font-weight: bold;"> 
    </p> 
      
    <button onclick="GFG_Fun()"> 
        click here 
    </button> 
      
    <p id="GFG_DOWN" style= 
        "color: green; font-size: 24px; font-weight: bold;"> 
    </p> 
      
    <script> 
        var el_up = document.getElementById("GFG_UP"); 
          
        var el_down = document.getElementById("GFG_DOWN"); 
          
        el_up.innerHTML = "Click on the button to check whether" 
                + " Adobe Flash is installed or not"; 
        var Flash = false; 
  
        function GFG_Fun() { 
            try { 
                var fo =  
                new ActiveXObject('ShockwaveFlash.ShockwaveFlash'); 
                  
                if (fo) { 
                    hasFlash = true; 
                } 
            } catch (e) { 
                if (navigator.mimeTypes && navigator.mimeTypes[ 
                'application/x-shockwave-flash'] != undefined && 
                    navigator.mimeTypes['application/x-shockwave-flash' 
                                    ].enabledPlugin) { 
                    hasFlash = true; 
                } 
            } 
            el_down.innerHTML = Flash; 
        } 
    </script> 
</body> 
  
</html> 

Output:

Before clicking on the button:
After clicking on the button:

My Personal Notes

Recommended Posts: