메인 공지사항 기능소개 매뉴얼     TEST BOARD : [1]  [2]  [3]  [4]  [5]
내용없음9
내용없음10
      APPLICATION
무료 스킨.모듈

유료 스킨.모듈

활용 홈페이지

활용팁 공유

자료 공유

유틸리티

웹 스터디
제작자 리소스

최근 활용팁 공유 RANK
신홍
4
작은소망
1
        -- update:30Min --


youtube 영상을 브라우저 화면 비율에 맞게 늘였다 줄였다 할 수 있는 방법
 application
활용팁 공유
테크노트 사용에 관련된 노하우를 공유하는 게시판입니다.
홈페이지 작업/운용중에 알게 된 여러가지 활용팁을 올려 주세요.
나에겐 그저 습관일 뿐이던 것이 누군가에겐 엄청 큰 힘과 도구가 되는 경우가 많답니다.
자료등록시 적립되는 포인트는 200P 입니다.
     
  작성자 용갈
ㆍ조회: 867  ㆍ추천: 0         
ㆍ작성일: 2015년 11월 21일 토요일
youtube 영상을 브라우저 화면 비율에 맞게 늘였다 줄였다 할 수 있는 방법
youtube 영상을 브라우저 화면 비율에 맞게 늘였다 줄였다 할 수 있는 방법
아래 소스를 참고하세요.

<!DOCTYPE html>
<html>
<head>
<title>커피야놀자</title>
<meta charset="UTF-8">
<style>
body {
margin: 0;
}
.media-wrapper{
padding-bottom:75%;
height:0;
position:relative;
}
iframe{
position:absolute; left:0; top:0;
width:100%;
height:100%;
</style>
</head>
<body>
<section>
<header>
<h1>유투브영상을 화면사이즈에 맞게 줄였다 늘였다 할 수 있는 소스 : http://wordpress.nuriz.com</h1>
</header>
<div class="media-wrapper">
<iframe width="420" height="315" src="https://www.youtube.com/embed/Ya6hNdXbaz0" frameborder="0" allowfullscreen></iframe>
</div>
</section>
</html>
       
  0
3500
FILE #1 .
FILE #2 .
FILE #3 .
FILE #4 .
FILE #5 .
FILE #6 .
FILE #7 .
FILE #8 .
FILE #9 .
FILE #10 .
윗글 상품수량 보정 소스
아래글 입력추가항목 본문에서 '0'값이 출력되지 않을때
1186 방문자의 익스플로러 버전 체크해주는 소스입니다 [1] 신홍 2017-03-07
1185 모바일 웹.. 아이폰, 아이패드 iwindow 레이어 문제 해결 [3]+1 신홍 2017-02-12
1184 모바일에서 주소복사 기능 [1] 신홍 2017-02-10
1183 모바일 [무료모바일프로그램]안드로이드 스튜디오 [2] 작은소망 2017-01-25
1182 게시판에 효율적으로 광고를 하려면... [1] 신홍 2017-01-04
1181 수정 올더게이트 통신 IP 변경 안내 모두모두 2016-12-05
1180 쇼핑몰 회원 장바구니 유지하기 [1] 기즈모SOFT 2016-12-05
1179 수정 커스터마이징된 파일첨부 필드에서 파일 삭제방법 [2] TECHSTAR 2016-10-17
1178 네이트 팀룸으로 메시지 전송~ [2]+2 Terrorboy 2016-09-20
1177 수정 특정 변수값의 한글이 깨질때 사용-삭제 모두모두 2016-09-05
1176 댓글 목록 제한 스크립 추가시 생기는 제한 [1] cherryboyz 2016-07-21
1175 푸시불렛 소스 [2]+4 Terrorboy 2016-06-30
1174 응용 게시물의 날짜 및 시간 변경 [2] 모두모두 2016-05-31
1173 수정 0(제로) 검색 [1] 기즈모SOFT 2016-05-09
1172 운영 종전에 보드 URL을 유보드 URL로 리로딩되게하는 팁. 요나단 2016-04-26
1171 모듈 페이스북처럼 스크롤따라 동영상 재생 컨트롤하는 rolVideo.min... [1]  : DN:1167 rolVideo.min.js : DN:1375 starbros 2016-03-29
1170 DB 오름차순 정렬시 null 또는 공백이 먼저 나오는 문제 해결 기즈모SOFT 2016-03-23
1169 응용 변덕쟁이 IE에서 innerHTML 쌍따옴표 있다 없다 [2] 기즈모SOFT 2016-03-16
1168 확장 게시글 카카오톡 링크 서비스 연동 [5]+4 TECHSTAR 2016-02-24
12345678910,,,63