youtube video의 버튼 클릭 이미지보기

Question

나는 youtube 비디오를 통해 이미지를 사용하고 있습니다. 이미지 (#imageID)를 클릭하면 비디오가 표시됩니다. 이제는 비디오를 멈추고 시작 위치 (0:00)로 되돌리고 버튼 클릭 (#stop_replace)에서 다시 비디오 위에 이미지를 표시하는 방법에 문제가 있습니다.

HTML :

<div id="ytapiplayer2" style="display:none;"> 
    <object width="600" height="375"> 
     <param name="movie" value="http://www.youtube.com/v/WSulgIt-Q_c?fs=1&hl=en_US&rel=0&autoplay=1"></param> 
     <param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param> 
     <embed src="http://www.youtube.com/v/WSulgIt-Q_c?fs=1&hl=en_US&rel=0&autoplay=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="600" height="375"></embed> 
    </object> 
</div> 

<img src="image.jpg" id="imageID" /> 
<img src="button_image.jpg" id="stop_replace" /> 

자바 스크립트/JQuery와 :

$('#imageID').click(function() { 
$('#ytapiplayer2').show(); 
$('#imageID').hide(); 
}); 

jsfiddle의 코드 : http://jsfiddle.net/AdUvY/6/. 이 또한 iframe을 사용하여 수행 할 수 있지만이 방법으로 구현해야합니다. 제발 도와주세요. 감사.

Answer 1

샘플 데모를 만들었습니다.

문제를 해결할 수 있는지 확인하고 알려주십시오.

데모 : http://jsfiddle.net/codebombs/Rpgkk/2/

여기

내가 http://jquery.thewikies.com/swfobject/에서 jQuery를 SWFObject 플러그인을 사용하고 있습니다. 이렇게하면 SWF 객체를 포함하는 간단한 코드를 작성할 수 있습니다.

또한 IE 브라우저에서 jus SWF 개체를 숨기면 백그라운드에서 재생할 수 있습니다. 따라서, 더 이상 필요하지 않으면 가장 좋은 것은 div에서 전체 플레이어를 제거하는 것입니다.

그래서 플레이어 div에서 SWF 개체를 제거하고 싶습니다.

이렇게하면 자동으로 필요할 때부터 플레이어를 시작할 수 있습니다.

수정이 필요하면 알려주십시오.