아이프레임 높이 질문좀드리겠습니다.
본문
안녕하세요
유튜브 아이프레임을 사용중인데요 ㅠㅠ
지금 이렇게 할시 화면에 맞쳐져서 높이가 100% 으로 잡히는데요
그래서 800px 로 하고싶어서 변경을 하면 동영상플레이시 전체화면이 아닌 검정부분이 많이나오는데
800px 내에서 동영상이 검정테두리 없이 플레이 되게끔 할려면 어떻게 해야할까요 ㅠㅠ?
<style>
.videowrapper {
position: relative;
padding-bottom: 75%; /* 16:9 비율인 경우 */
/* padding-bottom값은 4:3 비율인 경우 75%로 설정합니다 */
padding-top: 25px;
}
.videowrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.main {position: absolute; top:50%;z-index: 999; color:#fff;}
</style>
<div class="videowrapper">
<iframe width="560" height="315" src="https://www.youtube.com/embed/V3UB54eA2S4" frameborder="0" allowfullscreen></iframe>
</div>
답변을 작성하시기 전에 로그인 해주세요.