소

게시판 사이즈에 따라서 유투브 영상 사이즈 자동조절 스크립트

$(document).ready(function(){
   $("#bo_v_con").find("iframe").css("width","100%");
   var height = $("#bo_v_con").find("iframe").width()*9/16;
   $("#bo_v_con").find("iframe").css("height",height);
});

$(window).on("resize", function() {
   $("#bo_v_con").find("iframe").css("width","100%");
   var height = $("#bo_v_con").find("iframe").width()*9/16;
   $("#bo_v_con").find("iframe").css("height",height);
});

 

위와 같이 ./js/viewimageresize.js 에다가

마지막 줄 뒤에 추가해주면

게시판 사이즈 조절시 자동으로 16:9 비율로 유투브 영상 크기가 조절됩니다.

 

나름 유용할거 같아서 공유드립니다. 

|

댓글 4개

좋은정보 감사합니다.
어떤 차이가 있는지 앉혀보겠습니다! 감사합니다!!
감사합니다.
이거 최고! 다른 소스는 안되는데 이건 확실히 됩니다. 감사합니다.
댓글을 작성하시려면 로그인이 필요합니다.

자유게시판

203,335건
+
제목 글쓴이 날짜 조회
17-05-08 조회 1,492
17-05-08 조회 1,833
17-05-08 조회 2,395
17-05-08 조회 1,989
17-05-08 조회 1,606
17-05-08 조회 1,669
17-05-07 조회 1,456
17-05-07 조회 1,526
17-05-07 조회 1,470
17-05-07 조회 1,239
17-05-07 조회 1,948
17-05-07 조회 1,991
17-05-07 조회 1,969
17-05-06 조회 1,350
17-05-06 조회 2,017
17-05-06 조회 1,458
17-05-06 조회 2,170
17-05-06 조회 2,138
17-05-06 조회 3,018
17-05-06 조회 1,646