SWFObject: Javascript Flash Player detection and embed script

 

오래전에 나왔던 플래시 삽입 스크립트.

 

그런데 얼마전에 알게 된곳이다. 이제는 IE 이올라스에 대한 것고는 상관없이 편리성(?)때문에 스크립트로 플래시를 삽입하고 있는데 이제는 플래시 대체 컨텐츠도 생각해야 할때이다.

 

반쪽짜리 웹표준 작업을 하느라 플래시 대체 컨텐츠는 만들지도 않고있는데.

 

SWFObject 를 사용하면 어느정도 해결이 가능할듯 하다.

 

http://blog.deconcept.com/swfobject/

 

swfobject1.5.zip

 

사용예 1.

<script type="text/javascript" src="swfobject.js"></script>

<div id="flashcontent">
  This text is replaced by the Flash movie.
</div>

<script type="text/javascript">
   var so = new SWFObject("movie.swf", "mymovie", "400", "200", "8", "#336699");
   so.write("flashcontent");
</script>

 

<div id="flashcontent">
  This text is replaced by the Flash movie.
</div>

 

정상적인 플래시를 보여줄때에는 위 div 안의 텍스트는 노출이 되지않는다. 다만 플래시를 불러오지 못하거나 플래시 플레이어가 지정한 플래이버젼보다 낮을 경우에 내용이 보여진다.

 

 

var so = new SWFObject(swf, id, width, height, version, background-color);

 

• swf - swf 파일경로와 파일명.
• id - object나 embed tag의 ID.
• width - Flash movie width.
• height - Flash movie height.
• version - Flash content에서 요구하는 player 버전. format : 'majorVersion.minorVersion.revision'. ex) "6.0.65". 또는 major 버전만 기입해도 된다.
• background color - background color. 

 

사용예 2.

<script type="text/javascript">
   var so = new SWFObject("movie.swf", "mymovie", "400", "100%", "8", "#336699");
   so.addParam("quality", "low");
   so.addParam("wmode", "transparent");
   so.addParam("salign", "t");
   so.write("flashcontent");
</script>

wmode=transparent 를 사용할시에 FF3.0 에서는 플래시 컨텐츠에 border 가생긴다고합니다.

해결방법은 아래와같이 css 를 추가하면 해결됨.

  <style type="text/css">
  object {outline:none;}
  </style>

SWFObject 2.x 버젼

2.x 버전은 1.x와는 사용하는게 조금 달라졌다. 간편성에서는 1.x버젼이 좋을것 같은데 아직 실작업에 적용해보지는 않아서 확실한 판단은 불가... ^O^

swfobject_2_2.zip

 

 http://code.google.com/p/swfobject/