| [ 너튜브 깔끔반응형 상하좌우 뻘여백 절단 ] |
<style> .youtube-div { max-width:100%; margin:0 auto; } .yt-div { display:flex; justify-content:center; position:relative; overflow:hidden; padding-top:70%; border-radius:10px; } .yt-div div { width:132%; height:400%; position:absolute; top:-150%; } .yt-div iframe { display:block; width:100%; height:100%; } </style> <div class="youtube-div"><div class="yt-div"><div> <iframe src="https://www.youtube.com/embed/?playlist=고유아이디&loop=1&autoplay=1&vq=highres" allow=autoplay frameborder=0 allowfullscreen></iframe> </div></div></div>
|
1. 빨간색 : 100% - 원하는 수치를 퍼센트나 픽셀로 줍니다. 2. 보라색 : 70 - 원래는 56.25 인데 이 수치를 조절해서 상하단 뻘여백을 조절합니다. 3. 파란색 : 10 - 라운드 수치입니다. 4. 주황색 : 132 - 원래는 100 인데 이 수치를 조절해서 좌우단 뻘여백을 날려 줍니다. 5. 초록색 : 고유아이디 - 고유아이디 11자리입니다.
|