现在手机已经大多不支持flash了,pc端的chrome也默认不再提供flash插件,这让有些需要使用flash动画的网站效果大打折扣,在不支持flash的浏览器上看着会比较别扭,显示一个播放控件。
我们可以通过下面的js代码来判断浏览器是否支持flash,如不支持则显示图片或其他内容。
折叠JavaScript 代码
- <script type="text/javascript">
- function flashChecker() {
- var hasFlash = 0; //是否安装了flash
- var flashVersion = 0; //flash版本
- if(document.all) {
- var swf = new ActiveXObject('ShockwaveFlash.ShockwaveFlash');
- if(swf) {
- hasFlash = 1;
- VSwf = swf.GetVariable("$version");
- flashVersion = parseInt(VSwf.split(" ")[1].split(",")[0]);
- }
- } else {
- if(navigator.plugins && navigator.plugins.length > 0) {
- var swf = navigator.plugins["Shockwave Flash"];
- if(swf) {
- hasFlash = 1;
- var words = swf.description.split(" ");
- for(var i = 0; i < words.length; ++i) {
- if(isNaN(parseInt(words[i]))) continue;
- flashVersion = parseInt(words[i]);
- }
- }
- }
- }
- return {
- f: hasFlash,
- v: flashVersion
- };
- }
- var fls = flashChecker();
- var s = "";
- if(fls.f==false){
- $(".logo").hide();
- $(".logoimg").show();
- }
- </script>
flash容器类名为logo,图片容器类名为logoimg