iframe 동영상 크기 자동조절 할 수 있나요?
| CMS/프레임워크 | XE 1.x |
|---|---|
| 개발 언어 | PHP 7.0 |
https://gfycat.com/ko/ 이 사이트의 동영상들을 올리고 있는데
사이즈가 너무 커서 한번에 조정을 하고 싶어서 알아보는데 제가 너무 초보라 아무리 알아봐도 모르겠더라고요
코드는
<iframe allowfullscreen="" frameborder="0" height="1270" scrolling="no" src="https://gfycat.com/ifr/ClassicGlamorousAidi" width="640">
이런 식인데
여기서 넓이인 640은 모든 동영상들이 동일한데
높이는 전부 제각각 이라 비율 조정이 하고 싶습니다.
지금 크기의 80%정도 크기면 딱 좋을 것 같은데
이게 적용이 안되네요..
만약 이미 사이즈 코드가 적용 된 것들이라 수정이 불가하면 코드의 높이 넓이값을 삭제한다면 가능한가요?
그렇다면 그 방법이라도 가르쳐주시면 정말 감사하겠습니다
많이 초보라 조금 자세히 가르쳐주시면 정말 감사하겠습니다 ㅠ
댓글 12
Xe 공홈에서 검색하면 바로 나와요^^!
정말 죄송한데 어떻게 적용하는지 가르쳐 주실수 있을까요? ㅠ 너무 초보라
resize_iframe.css여기서 값을 바꾸는건가요?
정말 감사합니다! 근데 정말 죄송한데 어떻게 적용하는지 가르쳐 주실수 있을까요? ㅠ 너무 초보라
파일질라로 적용은 했는데 어디에서 값을 바꾸면 되나요? resize_iframe.css 에서 인가요?
초보라 그냥 알려달라고 하시면 곤란합니다. 어디까지 하셨고 어디부터 안된다 라는 구체적 정보를 제공하셔야 합니다.
https://xetown.com/point_contents/1161756
1.애드온 설치는 잘 하셨나요? 하셨다면 어떻게 하셨나요?
2.관리자페이지에서 애드온 설정 및 PC,모바일 모두 사용 체크를 하셨나요?
3.다 잘 하셨는데 뭐가 안되시는건가요??
애드온이 ( https://xetown.com/point_contents/1161756 )
유튜브/비메오/트위치/Gfycat/Streamable 영상 Iframe 으로 삽입시 사이즈 자동 조절 합니다.
라고 설명이 되어있어 애드온을 설치하고 설정 및 활성화를 하면 되게 되어있습니다.
4.소스는 게시판 문서에 넣으신건가요?
- 애드온으로 되어야 합니다.
5.소스가 게시판이 아닌 다른 페이지등에 넣으신건가요?
- 애드온이 문서외 다른 페이지도 작동하는 것인지 확인이 필요할 수도 있습니다.(제가 사용해본게 아니라서)
원래크기가 100%였다면 80%정도로 줄이고 싶은건데 골치아프네요 ㅠ
사이트는 쪽지로 보내봤습니다!
여기 게시판에 올려놓은 영상들인데
이런류의 영상도 일괄적으로 크기 조절이 가능한가요?
제가 css에서 조금 건들여보면 자꾸 검은색 바가 생겨서요 ㅠ
이건 기본 css를 알면 가능한 팁인데
준비물
설정
<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%처리를 하면 전체 화면에 맞는 동영상 비율의 사이즈가 나옵니다.
그 다음 동영상을 그 공간에 꽉 차서 들어가게 만드는거죠.