이미지를 클릭 할 때 vimeo 비디오가 포함 된 이미지 스왑

잠시 동안이 솔루션을 찾고 있었지만 jquery 전문가는 아닙니다.이미지를 클릭 할 때 vimeo 비디오가 포함 된 이미지 스왑

현재 페이지에 vimeo 비디오가 포함되어 있습니다. 나는 숨겨진 비디오와 이미지가있는 페이지를로드하고 싶다. 사용자가 이미지를 클릭하면 이미지가 숨겨지고 비디오가 동일한 지점에서 재생되기 시작합니다.

나는 youtube 비디오와 비슷한 일을하는 것에 대해 뭔가를 보았지만 vimeo가 같은 방식으로 작동하는지 확실하지 않습니다.

또한 replaceWith와 같은 일부 jquery 메소드를 시도했지만 제대로 작동하지 않았습니다.

정말 도움이 될 것입니다.

2012-01-23 patricko

시도한 코드 몇 개를 표시하고 결과를 설명하십시오. – mbeckish

'$ (document) .ready (function() { $ ("stillImage") {({p} 첫 번째) .vimeo.com/비디오/20,891,000 표제 = 0 = 0 선별 & & 세로 = 0 = & 색의 FFFFFF "폭 ="960 "높이 ="540 "FRAMEBORDER ="0 "webkitAllowFullScreen mozallowfullscreen하고 allowFullScreen>");?} ), }); ' – patricko

나머지 페이지와 함께 숨겨진 div에 비디오를로드 한 다음 .show()을 사용하지 않으시겠습니까?

출처

2012-01-23 17:34:50

그래서 div에 퍼가기 코드를 넣고 숨기고 이미지를 클릭하면 표시됩니까? – patricko

감사합니다. 작동하도록했습니다! – patricko

div에 비디오 퍼가기를 숨기고 이미지를 링크로 변경했습니다. 이미지를 클릭하면 숨기고 비디오가 그 자리에 표시됩니다. 완벽한 – patricko

이미지를 클릭 할 때 vimeo 비디오가 포함 된 이미지 스왑

답변

관련 문제