화면 전환 없이 특정 레이어에서 여러개의 동영상을 선택하여 보여줘야 할때 object movie 와 embed src 를 동시에 수정

플래시 동영상을 배경이 투명하게 세팅하는 방법 도 읽어 보세요..


IE 에서라면 object 의 movie 파라미터값만 수정해 주면 되는데,
IE 가 아닌 웹브라우저도 생각한다면 object 의 embed 에서 src 도 수정해 줘야 해요.

IE 에서는, $('#idMovie').attr('movie',새로운URI) 이렇게 하면 되는데..
비 IE 를 고려한다면, $('#idMovie').attr('movie',새로운URI) 와  $('#idMovie2').attr('src',새로운URI) 로 하면 될 것같은데.. 안 되더군요.
그래서, 비 IE 를 위해서 무비가 돌아가는 영역을 div 로 묶고 id 를 부여한 다음 아래 자바스크립트 함수를 호출하는 방식으로 해결.

코드의 개략적인 설명은 아래와 같습니다.
<div id="idMovies"></div>
<script>
  var width=100,height=100,bgcolor='#FFF';
  function changeMovie(id,uri){
    $('#'+id).html(setMovie(uri,width,height,bgcolor)); // width height gbcolor 는 동일 레이아웃에 뿌리기 때문에 어디에선가 세팅해 두면 되구요.
  }
  function setMovie(uri,width,height,bgcolor){ 
    return '<object id="idMovie" ...><param name="movie" value="'+uri+'" />...<embed id="idMovie2" src="'+uri+'" ...></embed></object>';
  }
</script>

.Fine.