질문/조언질답게시판
Extra Form
PHP PHP 7.0
CMS XpressEngine

https://gfycat.com/ko/  이 사이트의 동영상들을 올리고 있는데

사이즈가 너무 커서 한번에 조정을 하고 싶어서 알아보는데 제가 너무 초보라 아무리 알아봐도 모르겠더라고요

 

코드는

<iframe allowfullscreen="" frameborder="0" height="1270" scrolling="no" src="https://gfycat.com/ifr/ClassicGlamorousAidi" width="640">

이런 식인데

 

여기서 넓이인 640은 모든 동영상들이 동일한데

높이는 전부 제각각 이라 비율 조정이 하고 싶습니다.

지금 크기의 80%정도 크기면 딱 좋을 것 같은데

이게 적용이 안되네요..

 

 

만약 이미 사이즈 코드가 적용 된 것들이라 수정이 불가하면 코드의 높이 넓이값을 삭제한다면 가능한가요?

그렇다면 그 방법이라도 가르쳐주시면 정말 감사하겠습니다

 

많이 초보라 조금 자세히 가르쳐주시면 정말 감사하겠습니다 ㅠ

  • profile
    네 아이프레임 리사이징 애드온이 있습니다
    Xe 공홈에서 검색하면 바로 나와요^^!
  • profile ?

    정말 죄송한데 어떻게 적용하는지 가르쳐 주실수 있을까요? ㅠ 너무 초보라

    resize_iframe.css여기서 값을 바꾸는건가요?

  • profile
    https://xetown.com/point_contents/1161756
  • profile ?

    정말 감사합니다! 근데 정말 죄송한데 어떻게 적용하는지 가르쳐 주실수 있을까요? ㅠ 너무 초보라

    파일질라로 적용은 했는데 어디에서 값을 바꾸면 되나요? resize_iframe.css 에서 인가요?

  • ? profile
    Xe 공홈에 있는거 기준으로는 js파일인가 size 써있는 파일이 있어요 공홈에 자세히 안내되어있으니 한번 읽어보셔요
  • profile ?
    감사합니다!
  • ? profile

    초보라 그냥 알려달라고 하시면 곤란합니다. 어디까지 하셨고 어디부터 안된다 라는 구체적 정보를 제공하셔야 합니다.
    https://xetown.com/point_contents/1161756


    1.애드온 설치는 잘 하셨나요? 하셨다면 어떻게 하셨나요?
    2.관리자페이지에서 애드온 설정 및 PC,모바일 모두 사용 체크를 하셨나요?
    3.다 잘 하셨는데 뭐가 안되시는건가요??

    애드온이 ( https://xetown.com/point_contents/1161756 )
    유튜브/비메오/트위치/Gfycat/Streamable 영상 Iframe 으로 삽입시 사이즈 자동 조절 합니다.

    라고 설명이 되어있어 애드온을 설치하고 설정 및 활성화를 하면 되게 되어있습니다.

    4.소스는 게시판 문서에 넣으신건가요?
    - 애드온으로 되어야 합니다.

    5.소스가 게시판이 아닌 다른 페이지등에 넣으신건가요?
    - 애드온이 문서외 다른 페이지도 작동하는 것인지 확인이 필요할 수도 있습니다.(제가 사용해본게 아니라서)

  • profile ?
    에드온 문서에 넣었습니다 그후 css파일에서 값을 변경했더니 양옆으로 검은색 바가 생기더라고요.. 왜그런걸까요..? 아무래도 빈공간만큼 검은색 바가 생기는것 같습니다.
    원래크기가 100%였다면 80%정도로 줄이고 싶은건데 골치아프네요 ㅠ
  • ? profile
    해당 답변으로는 파악이 어렵네요. 죄송합니다.
  • profile ?
    답변 감사합니다..
    사이트는 쪽지로 보내봤습니다!
    여기 게시판에 올려놓은 영상들인데
    이런류의 영상도 일괄적으로 크기 조절이 가능한가요?
    제가 css에서 조금 건들여보면 자꾸 검은색 바가 생겨서요 ㅠ
  • ? profile
    쪽지는 사양합니다.
  • ?

    이건 기본 css를 알면 가능한 팁인데

     

     

    준비물

    1. 전체를 감싸는 div
    2. 유튜브와 동일한 사이즈의 단일색 이미지(단일색은 가벼우라고 넣은것)
    3. iframe 코드

     

    설정

    <div style="position:relative">

    <img style="width:100%;vertical-align:middle" />
    <iframe style="position:absolute;width:100% !important;height:100% !important;left:0;top:0;"> </iframe>

    </div>

     

    이렇게 처리하면 될겁니다.

    설명은 div 안에 동영상과 같은 비율의 이미지를 두고 이걸 100%처리를 하면 전체 화면에 맞는 동영상 비율의 사이즈가 나옵니다.

    그 다음 동영상을 그 공간에 꽉 차서 들어가게 만드는거죠.