아이프레임 높이 질문좀드리겠습니다. 채택완료
코딩초보1
6년 전
조회 3,435
안녕하세요
유튜브 아이프레임을 사용중인데요 ㅠㅠ
지금 이렇게 할시 화면에 맞쳐져서 높이가 100% 으로 잡히는데요
그래서 800px 로 하고싶어서 변경을 하면 동영상플레이시 전체화면이 아닌 검정부분이 많이나오는데
800px 내에서 동영상이 검정테두리 없이 플레이 되게끔 할려면 어떻게 해야할까요 ㅠㅠ?
</p>
<p><style>
.videowrapper {
position: relative;
padding-bottom: 75%; /* 16:9 비율인 경우 */
/* padding-bottom값은 4:3 비율인 경우 75%로 설정합니다 */
padding-top: 25px;
}</p>
<p>.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="<a href="https://www.youtube.com/embed/V3UB54eA2S4"" target="_blank" rel="noopener noreferrer">https://www.youtube.com/embed/V3UB54eA2S4"</a> frameborder="0" allowfullscreen></iframe>
</div></p>
<p>
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
답변을 작성하려면 로그인이 필요합니다.
로그인