모바일 페이지 유튜브 링크 질문

모바일 페이지 유튜브 링크 질문

QA

모바일 페이지 유튜브 링크 질문

본문

<iframe width="50%" height="210" src="https://www.youtube.com/embed/V1s0ZuWVed4" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
    
    <iframe width="50%" height="210" src="https://www.youtube.com/embed/1vAdXinH5ck" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

 

 

소스를 입력하면 유튜브 동영상이 위아래로 나옵니다.

3667124672_1547005857.3016.png

 

세로로 나오지 않고 가로로 나오게 

3667124672_1547005878.5747.png

이렇게 나오게 어떻게 소스 수정을 해야 하나요?

 

고수님들 답변 부탁드립니다.

감사합니다.

 

 

이 질문에 댓글 쓰기 :

답변 3

https://codepen.io/sinbi/pen/BvPZdp

 

ps.

모바일은 세로로 각각 큰 화면 추천.

<iframe width="50%" height="210" src="https://www.youtube.com/embed/V1s0ZuWVed4" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen style="display:inline-block;"></iframe><iframe width="50%" height="210" src="https://www.youtube.com/embed/1vAdXinH5ck" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen style="display:inline-block;"></iframe>

 

 

이런식으로 해도되고. . 
 


<iframe width="50%" height="210" src="https://www.youtube.com/embed/V1s0ZuWVed4" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen style="float:left;"></iframe><iframe width="50%" height="210" src="https://www.youtube.com/embed/1vAdXinH5ck" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen style="float:left;"></iframe>


<style>
.you:after{clear:both;content:"";display:block;  }
.you iframe{float:left; width:50%;  }
</style>

이런식으로 float:left 로 해도 됩니다. 

<iframe width="50%" height="210" style="float:left"

답변을 작성하시기 전에 로그인 해주세요.
전체 186
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT