2013-05-26 5 views
3

버튼 하나만 누르면 전체 화면으로 YouTube 동영상을 재생하고 싶습니다. 저는 현재 iframe 다음과 같습니다 사파리 모바일에전체 화면으로 YouTube에서 동영상을 재생합니다. 모바일 브라우저를 클릭하십시오.

<div class="youtube-trailer"> 
    <iframe class="youtube-player" type="text/html" src="http://www.youtube.com/embed/whatever" allowfullscreen frameborder="0"></iframe> 
</div> 

, 특히, 때를 눌러 비디오가 원하는 동작입니다 전체 화면으로 시작하는 재생 버튼을 누릅니다. 이건 괜찮아. 그래도 나는 iframe을 페이지에 표시하고 싶지 않습니다. 네이티브 비디오 플레이어를 사용하여 전체 화면으로 비디오를 열어주는 버튼이 필요합니다. 즉, 비디오를 저장하기 위해 지나치게 정교한 라이트 박스를 만들고 싶지 않습니다.

누구든지 아이디어가 있습니까?

+1

youtube-trailer 클래스의 내용은 무엇입니까? – happy

+0

훑어 본 적이 있습니까? [this] (http://stackoverflow.com/questions/4345033/play-youtube-videos-in-fullscreen-auto?rq=1) 질문에 도움이 될지 확실하지 않습니다. – nicholaschris

+0

나는 아니에요. 내'유튜브 - trailer' 클래스의 관련성을 잘하지만,'.youtube 트레일러 { \t 위치입니다 : 상대; \t 여백 : 20 픽셀 10px; \t 패딩 바닥 : 56.25 %;/* 16 : 9 */ \t 패딩 - 상단 : 25px; \t 높이 : 0; }'. – garethdn

답변

6

표준 YouTube 동영상 링크 형식은 다음과 같습니다

http://www.youtube.com/watch?v=Lv-sY_z8MNs 
당신은 URL에 "보고"후 "_popup"를 추가하여 (새 창을 열지 않고) 전체 화면 비디오에 직접 연결할 수 있습니다

:

http://www.youtube.com/watch_popup?v=Lv-sY_z8MNs 

모바일 및 데스크톱 브라우저에서 모두 작동합니다. 당연히 새로운 페이지에서 링크를 열고 싶다면 개봉 앵커 태그에 "target ="_ blank "를 추가하면됩니다

관련 문제