플래시 비디오를 아약스로 div에로드하기

Question

비디오 미리보기의 재생 목록에서 선택할 수 있고 이미 페이지에있는 비디오를 대체하고 싶은 클라이언트가 있습니다. 로딩 시간도 감시해야하므로 Ajax를 클릭하면 각 동영상을 요청하는 것이 더 좋을 것이라고 생각 했습니까? 저는 아약스를 처음 접했기 때문에 이것이 최선의 선택인지는 잘 모르겠습니다.

<div id="container"> 
<div id="video"> 
</div> 
<div id="videoSelector"> 
</div> 
</div> 

videoSelector div에 사용자가 클릭하고 비디오가 비디오 사업부에로드됩니다 축소판을해야합니다 다음과 같이

내 페이지입니다.

어떤 도움을

감사

Answer 1

당신은 정말이 기능을 달성하기 위해 AJAX를하지 않아도 좋을 것입니다. 당신은 다음과 같이 할 수 있습니다 :

<script> 
function changeVideo(filename) { 
document.getElementById('video').innerHTML = 'CODE DEPENDING ON PLAYER'+filename+'REMAINING CODE'; 
} 
</script> 
<div id="video"></div> 
<div id="videoSelector"> 
<a href="javascript:void();" onclick="javascript:changeVideo('filename');">Thumbnail 1</a> 
<a href="javascript:void();" onclick="javascript:changeVideo('filename2');">Thumbnail 2</a> 
<a href="javascript:void();" onclick="javascript:changeVideo('filename3');">Thumbnail 3</a> 
</div> 

위와 같이 간단합니다. 위의 클래스 선택기, jQuery 등을 사용하여 확실히 향상시킬 수 있습니다. 그러나 이것이 시작이라고 생각합니다.

Answer 2

jQuery를 사용하는 경우 flashembed from jQuery Tools이 있습니다.

jQuery를 사용하지 않는 경우 더 많은 플래시 퍼가기 도구 SWFObject이 있습니다.

두 가지 모두 매우 사용하기 쉽고 웹 사이트에서 많은 예제가 있습니다.