<style 태그에 닫는 태그가 없습니다. error :325 유튜브 동영상 - 모바일에서 최적화

토론방

분류목록

소스관련 유튜브 동영상 - 모바일에서 최적화

 

 

- 맞춤게시판으로 만들어서 - 유튜브 동영상을 추가 했습니다.

근데 모바일에서 보면 세로가 길쭉하게 나오는 문제가 있습니다.

 

http://e******4.b******r.co.kr/shop_contents/myboard_read.htm?load_type=&page_idx=0&tag_on=&h_search_c=0&h_search_v=&me_popup=&myboard_code=movie&page_limit=12&idx=29753&page=1&category_idx=0

 

이걸 모바일에서 보면 유튜브 영상이 세로로 길게 나옵니다.  

 

 

일반페이지나 메인에서는  -  유튜브 소스를 추가하는 곳에 아래 소스를 해서 모바일에서 정상적으로 보이게 했습니다.

 

<style type="text/css">

.youtubeWrap {position:relative; width:100%; padding-bottom:56.25%;}

.youtubeWrap iframe {position:absolute; width:100%; height:100%;}

</style>

 

예,  http://r****3.b****r.co.kr/    http://r****8.b****r.co.kr/

 

 

근데 이 스타일

<style type="text/css">

.youtubeWrap {position:relative; width:100%; padding-bottom:56.25%;}

.youtubeWrap iframe {position:absolute; width:100%; height:100%;}

</style>

 

을 위 맞춤게시판의 글 작성 페이지에 넣어도 안되고..   읽기 화면 소스에 넣어도 안됩니다.

 

어떻게 하면 - pc / 모바일 - 모두 최적화되어 보일까요?

 

 

 

게시글 공유 URL복사
수정 삭제 출력
목록
댓글[1]

열기 닫기

  • 정**영 2018-11-16

    해당 부분 수정해드렸습니다~

    수정된 부분은 아래의 캡쳐화면을 확인해주셔서 다른 유투브 소스도 수정해주시면 됩니다^^

     

댓글작성

열기 닫기

댓글작성
prev 이전글
모바일에서 table 안 이미지 관련 소스때문에 문의드립니다.
next 다음글
맟춤게시판 라인이 안맞아요
top