웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
모바일에서 유투브 동영상 크기 300px고정
2012.07.31 15:47
// Find all YouTube videos
var $allVideos = $("iframe[src^='http://player.vimeo.com'], iframe[src^='http://www.youtube.com'], embed[src^='http://www.youtube.com']"),
// The element that is fluid width
$fluidEl = $("body");
// Figure out and save aspect ratio for each video
$allVideos.each(function() {
$(this)
.data('aspectRatio', this.height / this.width)
// and remove the hard coded width/height
.removeAttr('height')
.removeAttr('width');
});
// When the window is resized
$(window).resize(function() {
var newWidth = $fluidEl.width();
// Resize all videos according to their own aspect ratio
$allVideos.each(function() {
var $el = $(this);
$el
.width('300')
.height('260');
});
// Kick off one resize to fix all videos on page load
}).resize();
이걸 모바일 게시판 스킨 js파일에 넣어주시면 됩니다
댓글 28
제목 | 글쓴이 | 날짜 |
---|---|---|
회원정보 페이지에 작성 댓글 보기 추가하기
[7]
![]() | 늘푸른이 | 2012.07.12 |
IE7에서 관리자페이지->콘텐츠->문서 에서 일괄 삭제/이동/복사 등이 안 되는 경우 [1] | sejin7940 | 2012.07.12 |
IIS 7.5 + XE 업로드 용량 개선 방법
[1]
![]() | 류군 | 2012.07.16 |
인증메일을 gmail의 smtp로 보내기 [29] | showjean | 2012.07.17 |
글쓰기 폼에 미리 기본 내용 입력 [24] | 송동우 | 2012.07.18 |
본문 내부의 이미지를 썸네일화 시키지 못하는 버그 해결법 [11] | sejin7940 | 2012.07.19 |
모듈 자동 생성기 [ModuleCreater] v0.2 (다국어 지원 기능 추가)
[28]
![]() | 택피 | 2012.07.20 |
작성 글 보기에서 특정 모듈의 글 안나타나게 하기 | SCAC | 2012.07.21 |
중국어(zh-CN) 포함한 다국어시 페이지모듈 버그 해결법 [1] | sejin7940 | 2012.07.26 |
php버전이 변경되어 deprecated 오류가 나올때 [2] | 오리진소프트 | 2012.07.27 |
소셜로그인 이메일 입력시 SSL 사용 | 패시브 | 2012.07.27 |
요즘 만들고 있는 사이트에 적용한 것(모바일 확장변수) [4] | 유니눅스 | 2012.07.30 |
XE코어 업데이트(판올림) 정확한 방법 [12] | 카이닉스 | 2012.07.30 |
모바일에서 유투브 동영상 크기 300px고정 [28] | 패시브 | 2012.07.31 |
페이지 타입 바꾸는 방법 (문서, 위젯, 외부페이지)
[5]
![]() | 빛의바다 | 2012.07.31 |
특정 확장변수값이 포함된 글의 총 개수를 출력하는 함수 [3] | sejin7940 | 2012.08.07 |
스팸공동대응 api 모듈 지우기 [1] | SCAC | 2012.08.12 |
일반 페이지(ARTICLE) 등에서 이미지 리사이징 제거. [1] | 무얼까 | 2012.08.12 |
확장변수 숫자(화폐) 콤마 표시하기 (sketchbook 스킨)
![]() | 라싸 | 2012.08.12 |
Startssl 설치과정!!
[83]
![]() | 제이엔지 | 2012.08.13 |