2013-03-28 10 views
0

On my webpage, I have a link to a video. The link itself works fine, if I want the user to navigate away to the video and watch it, but I am wanting it to pop up in a lightbox for viewing on-click, instead.세트 <a href> name to open a specific video when supplying a link

An example of this working can be found at this link.

+0

'누군가가 동영상을 클릭 한 것처럼 행동하는 행위'에 대해 더 자세히 설명해주세요. –

+0

그래서이 링크로 이동합니다 : http://continentalgold.com/English/investors/media-center/video-gallery/default.aspx#aniVid 및 클릭하면 애니메이션 비디오가 라이트 박스에서 팝업됩니다. 그 위에. – user2221160

+0

동영상의 파일 형식은 무엇입니까? – Sandro

답변

1

해당 링크에서 제공 한 예는 http://fancybox.net/에서 찾을 수있는 fancybox (특히 버전 1.3.4)을 사용하고 있습니다. 그 뒤의 마법은 name 태그가 아니고 에 적용되는 class에 있습니다. 다음과 같이

특히, a 태그가 기록됩니다

$('a.fancyboxiframe ,.Video a[href*="vimeo"]').fancybox({ 
    'type': 'iframe', 
    'height': 464, 
    'width' : 853 
}); 

이가 활성화 :

<a href="http://example.com/video/12345678" class="fancyboxiframe">link text</a> 

다음과 같은 스크립트를 실행할 때, 효과 당신이 찾고있는 생각을 만듭니다 fancybox 브라우저를 알려주는 jQuery 플러그인은 링크를 클릭 할 때 iframe 기반 라이트 박스에 팝업을 띄우고 싶다는 것을 알려줍니다. 이 API에 따르면

:

'유형'강제 콘텐츠 형식. '이미지', '아약스', 'iframe이', 'SWF'또는 '인라인'

사이트에서 플러그인에 대한 문서에서 살펴 본다 시도로 설정할 수 있습니다. 꽤 사용하기 쉽고 위의 스크립트를 예제로 사용하여 찾고있는 것을 제공해야합니다.

+1

@ user2221160 Fancybox를 특별히 사용하고 싶지 않다면 다양한 기능과 복잡성을 지닌 다양한 라이트 박스형 솔루션을 사용할 수 있습니다. "비디오 라이트 박스"를 검색하기 만하면됩니다. – pwdst