글 수 40
var $allVideos = jQuery("iframe[src^='http://player.vimeo.com'], iframe[src^='http://www.youtube.com'], iframe[src^='http://www.youtube-nocookie.com'], iframe[src^='http://serviceapi.nmv.naver.com'], embed[src^='http://www.youtube.com'], embed[src^='http://serviceapi.nmv.naver.com']"), $fluidEl = jQuery("body"); $allVideos.each(function() { jQuery(this) .data('aspectRatio', this.height / this.width) .removeAttr('height') .removeAttr('width'); }); jQuery(window).resize(function() { var newWidth = $fluidEl.width(); $allVideos.each(function() { var $el = jQuery(this); $el .width('300') .height('260'); }); }).resize();
가로 사이즈 300px으로 동영상을 보여주는 js 입니다.
파일를 따로 생성후 모바일js 폴더에 넣어주시고, 해당 파일를 불러올수 있게 링크를 넣어주셔요.
<script type="text/javascript" src="사용될 경로와 파일명"></script>