✔ browser auf flash plugin testen und dementsprechend andere DIVS ausblenden

K

kharn

Erfahrenes Mitglied
Hallo zusammen,

hoffe ihr habt eine Idee wie ich folgendes Problem angehen kann:
Ich möchte auf meiner Seite Flash Videos einbinden, wenn der User kein Flash hat sollen statt dessen Quicktime Filme geladen werden, hat er auch kein Quicktime soll statt dessen ein JPG und Links angezeigt werden.

Nach dem Befragen von Google bin ich auf folgende Seite gestoßen:
http://plugins.jquery.com/project/jqplugin Sieht also so aus also könnte ich mit einem simplen Skript (Jquery hab ich schon installiert) die installierten Plugins abfragen.

Mit einer simplen else if Abfrage a la:
Code: 
	if (jQuery.browser.flash) {
	   //verstecke DIV QT und DIV noplugin
		$("#QT").hide();
		$("#JP").hide();
		alert("hide QT and JP");
	} else if (jQuery.browser.qtime) {
		//verstecke DIV FL and DIV noplugin
		 $("#FL").hide();
		$("#JP").hide();
	} else {
		//verstecke DIV QT and DIV FL
		 $("#QT").hide();
		$("#FL").hide();
	}

wollte ich den Browser nach Plugins checken und die entsprechenden DIVs ausblenden, aber aus irgendeinem GRund rührt sich nix, hat jemand eine Idee woran das liegen könnte?

Das HTML sieht so aus (selbst der alert funktioniert hier nicht):

Code: 
<!DOCTYPE html>
<head>
<link rel="stylesheet" type="text/css" href="../proj.css"/>
 <script type="text/javascript" src="../../jquery.check.plugins.js"></script> 
 
    <script type="text/javascript" language="javascript">
		$(document).ready(function(){
	alert("asdasdasd");							   
	 	});     
   </script>
   
</head>
<body>
<object id="FL" width=”500? height=”281?>
<param name=”allowfullscreen” value=”true” />
<param name=”allowscriptaccess” value=”always” />
<param name=”movie” value=”http://vimeo.com/moogaloop.swf?clip_id=5367093&server=vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=00adef&fullscreen=1? />
<embed src=”http://vimeo.com/moogaloop.swf?clip_id=5367093&server=vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=00adef&fullscreen=1? type=”application/x-shockwave-flash” allowfullscreen=”true” allowscriptaccess=”always” width=”500? height=”281?></embed>
</object>
<embed id="QT" type="video/quicktime" src="ps_ralf_breninek.mov" width="640" height="374" autoplay="true" controller="true" pluginspage="http://www.apple.com/quicktime/download/" EnableJavaScript="true"/>
<div id="JP">missing plugins please download FL or QT</div>
</body>
</html>


VIELLEICHT NOCH WICHTIG:
die oben genannte HTML binde ich als iframe ein.



Hoffe ihr habt eine Idee.

LG
Ralf :)
 
@Crack: sauber, danke, war ja ein simpler Fehler :P


für die es interessiert mein HTML sieht jetzt so aus:

Code: 
<!DOCTYPE html>
<head>
<link rel="stylesheet" type="text/css" href="../proj.css"/>
<script type="text/javascript" src="../../jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="../../jquery.check.plugins.js"></script>

   
</head>
<body>
<div id="FL">
<object width=”500? height=”281?>
<param name=”allowfullscreen” value=”true” />
<param name=”allowscriptaccess” value=”always” />
<param name=”movie” value=”http://vimeo.com/moogaloop.swf?clip_id=5367093&server=vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=00adef&fullscreen=1? />
<embed src=”http://vimeo.com/moogaloop.swf?clip_id=5367093&server=vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=00adef&fullscreen=1? type=”application/x-shockwave-flash” allowfullscreen=”true” allowscriptaccess=”always” width=”500? height=”281?></embed>
</object>
</div>

<div id ="QT">
<embed type="video/quicktime" src="ps_ralf_breninek.mov" width="640" height="374" autoplay="true" controller="true" pluginspage="http://www.apple.com/quicktime/download/" EnableJavaScript="true"/>
</div>

<div id="JP">missing plugins please download FL or QT</div>
</body>
</html>


und ds JS:
Code: 
(function($){if(typeof $.browser==="undefined"||!$.browser){var browser={};$.extend(browser);}var pluginList={flash:{activex:"ShockwaveFlash.ShockwaveFlash",plugin:/flash/gim},sl:{activex:["AgControl.AgControl"],plugin:/silverlight/gim},pdf:{activex:"PDF.PdfCtrl",plugin:/adobe\s?acrobat/gim},qtime:{activex:"QuickTime.QuickTime",plugin:/quicktime/gim},wmp:{activex:"WMPlayer.OCX",plugin:/(windows\smedia)|(Microsoft)/gim},shk:{activex:"SWCtl.SWCtl",plugin:/shockwave/gim},rp:{activex:"RealPlayer",plugin:/realplayer/gim},java:{activex:navigator.javaEnabled(),plugin:/java/gim}};var isSupported=function(p){if(window.ActiveXObject){try{new ActiveXObject(pluginList[p].activex);$.browser[p]=true;}catch(e){$.browser[p]=false;}}else{$.each(navigator.plugins,function(){if(this.name.match(pluginList[p].plugin)){$.browser[p]=true;return false;}else{$.browser[p]=false;}});}};$.each(pluginList,function(i,n){isSupported(i);});})(jQuery);


 $(document).ready(function(){
	if (jQuery.browser.flash) {
	   //verstecke DIV QT und DIV noplugin
		$("#QT").hide();
		$("#JP").hide();
	} else if (jQuery.browser.qtime) {
		//verstecke DIV FL and DIV noplugin
		 $("#FL").hide();
		$("#JP").hide();
	} else {
		//verstecke DIV QT and DIV FL
		 $("#QT").hide();
		$("#FL").hide();
	}
});
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück