javascript embedded youtube video

Question

맞춤 앱용 HTML 페이지를 작성하고 있습니다. 내 페이지에 YouTube 동영상을 퍼가려고합니다. 나는 YouTube API를 알고 있고 파이썬에서 사용했다. 저는 JS에서 초보자이고 html에 관한 지식은 작습니다.

그냥 유튜브 비디오를 포함하려면 꽤 쉽다는 것은 지금 우는 소리 목록, 내가 성취 할 수없는 몇 가지 중요한 요구 사항이 있다는 것입니다 :

이

1) 나는 경우에 "대기"비디오 플레이어를 필요로 100x70 픽셀과 같이 매우 작아야합니다. 단순히 동영상을 삽입하고 크기를 고정하여이를 수행하면 YouTube의 스킨이 미리보기 이미지가 아닌 모든 공간을 확보합니다. 썸네일을 클릭하면

<embed 
    width="120" height="72" 
    src="http://www.youtube.com/v/XGSy3_Czz8k" 
    type="application/x-shockwave-flash"> 
    </embed> 

2), 나는 그것이 한계의 확장 좀 더 공간을 위해 플레이어 싶습니다. 그것은 또 다른 주제이지만, 두 가지를 모두 해결하는 간단한 해결책이있는 경우이를 언급하기 만하면됩니다.

YouTube의 API를 사용하려고했지만 JS에 익숙하지 않았고 구체적인 예를 찾지 못했습니다. JS로 API를 사용하는 방법을 실제로 파악할 수 없었습니다. 나는 그것의 문서의 큰 부분을 읽었습니다.

감사합니다.

Answer 1

태그 내부의 치수를 설정하는 대신 고정 치수로 컨테이너 (예 : div)에 비디오를 넣으십시오. 이 방법을 사용하면 jQuery를 사용하여 컨테이너 대신 컨테이너 자체의 크기를 변경할 수 있습니다.

HTML : jQuery로

<div id="container" style="width: 100px; height: 70px;"><embed 
width="420" height="345" 
src="http://www.youtube.com/v/XGSy3_Czz8k" 
type="application/x-shockwave-flash"> 
</embed></div> 

간단한 기능 : 밖으로

$("#container").click(function() { 
    $(this).css("width", "420px"); 
    $(this).css("height", "345px"); 
}); 

확인 더에서 : http://api.jquery.com/click/