동영상 플레이버튼을 누르면 자동으로 크기가 커지게 할 수 있나요? 정보
동영상 플레이버튼을 누르면 자동으로 크기가 커지게 할 수 있나요?본문
있다면 어떻게 하는지...?
혹 플래시로 가능한가요?
혹 플래시로 가능한가요?
추천
0
0
댓글 3개
html5로 video태그를 자바스크립트단에서 제어하면 가능할거같네요
플래시 동영상이나 유투브 동영상의 경우 Object나 iFrame일텐데,
동영상 위에 div를 덧씌워 클릭시 커지게 하면 될것같네요. 아래는 야매 코딩입니다. (동작할지는 확신 못합니다.)
<div id="div" onclick="document.getElementById('video').width = '1000'; document.getElementById('video').height = '1000'; document.getElementById('div').style.display = 'none';" style="z-index:100; position:absolute; width:300px; height:300px; top:10px; left:10px;">
</div>
<iframe src="http://naver.com/" frameborder="none" width="300" height="300" id="video" style="z-index:1; position:absolute; top:10px; left:10px;"></iframe>
동작확인 : http://jsfiddle.net/mWsgJ/
동영상 위에 div를 덧씌워 클릭시 커지게 하면 될것같네요. 아래는 야매 코딩입니다. (동작할지는 확신 못합니다.)
<div id="div" onclick="document.getElementById('video').width = '1000'; document.getElementById('video').height = '1000'; document.getElementById('div').style.display = 'none';" style="z-index:100; position:absolute; width:300px; height:300px; top:10px; left:10px;">
</div>
<iframe src="http://naver.com/" frameborder="none" width="300" height="300" id="video" style="z-index:1; position:absolute; top:10px; left:10px;"></iframe>
동작확인 : http://jsfiddle.net/mWsgJ/
음... 유튜브 동영상을 싸고 있는 div 가 responsive coding 이 되어 있어야 합니다.
안그러면 동영상 사이즈가 커지지 않습니다. 그리고 inline 자스는 좀.. 자제를 해주심 좋을텐... ;;;;
자스 <=>jQuery 충돌생기잖아요... ^^;;;;;;
그리고 질문자 분은 아마 아이폰에서 유튜브 동영상이 커지는 효과 같은걸 얘기 한 것 같기도 하네요.
필요하신 분 퍼가세요.
http://jsfiddle.net/mspsys/dwEH2/
안그러면 동영상 사이즈가 커지지 않습니다. 그리고 inline 자스는 좀.. 자제를 해주심 좋을텐... ;;;;
자스 <=>jQuery 충돌생기잖아요... ^^;;;;;;
그리고 질문자 분은 아마 아이폰에서 유튜브 동영상이 커지는 효과 같은걸 얘기 한 것 같기도 하네요.
필요하신 분 퍼가세요.
http://jsfiddle.net/mspsys/dwEH2/