• 회원가입
  • 로그인
  • 구글아이디로 로그인

[programming] HTML - <embed> 태그 - 외부동영상재생 (= embed태그 = 엠베드태그, HTML5추가)

목차

  1. <embed> 예제 - 외부 동영상 자동재생
  2. <embed> 정의
  3. <embed> 속성
  4. <embed> 기본 CSS

 

<embed> 예제 - 외부 동영상 자동재생

 

<embed src=http://www.youtube.com/v/uZAMb5xnwuQ?version=2&autoplay=1&loop=1 hidden=false width=200 height=100></embed>

결과보기

 

<embed> 정의

 

외부 애플리케이션이나 상호작용하는 콘텐츠 플러그인 재생.

 


 

1.

HTML5 추가.

2.

HTML4 : 비표준.

HTML5 : 표준.


3.

주요 최신 브라우저 모두 지원.
※ IE 10 이하는 비표준 지원.

4.

시작태그와 종료태그로 구성

5.

<embed> 태그는 전역속성/이벤트속성 지원.

 

6.

G5 경우, 보안상 이유로 embed 위험 태그로 간주해 필터링 함.



<embed> 속성

 속성  속성값  설명  비고
 height  픽셀값  높이 (= 세로 길이)  HTML5 추가
 src  URL 주소  추가할 외부 콘텐츠 주소  HTML5 추가
 type  미디어 타입  추가된 외부 콘텐츠의 파일 타입  HTML5 추가
 width  너비  너비 (= 가로 길이)  HTML5 추가

 

<embed> 기본 CSS

 

embed:focus { outline: none; }

 



분류 제목
attribute HTML - onseeking 속성 - (오디오/비디오) 재생위치 변경 시작 시, 실행할 코드 지정. (= …
attribute HTML - rel 속성 ★ - 링크문서가 현재문서와 어떤 관계인지 지정 (= rel속성 = 릴속성/렐속성)
attribute HTML - method 속성 ★★★ - 폼데이터 전송방식 지정 (= method속성 = 메서드속성/메소드속…
attribute HTML - controls 속성 - (오디오/비디오) 플레이어의 제어창 표시 여부 (= controls속성…
attribute HTML - ondragover 속성 - 드래그 한 요소가 드롭박스 위에 위치 시 실행 (= ondragov…
form HTML - <input type="email"> 태그 - 이메일 입력 (= 인풋이메일타입/이메일타입인풋/이…
attribute HTML - onbeforeprint 속성 - 인쇄 대화상자 나타나기 이전 이벤트 발생 시 실행할 코드 정의…
attribute HTML - onresize 속성 ★ - 브라우저창크기 변경 시 실행 (= onresize속성 = 온리사이즈…
attribute HTML - onmousemove 속성 ★ - 마우스커서가 지정요소 안으로 이동 시 실행 (= onmouse…
attribute HTML - name 속성 ★★★ - 요소 이름 지정 (= name속성 = 네임속성) ※ 요소이름/요소명
attribute HTML - loading 속성 - 이미지 레이지로드 여부 지정 (= loading속성 = 로딩속성) ※ …
attribute HTML - min 속성 - (숫자|날짜)의 최소값 지정 (= min속성 = 민속성) ※ 최솟값
attribute HTML - onhashchange 속성 - 링크 해시값 변경 시 실행 (= onhashchange속성 = …
attribute HTML - id 속성 ★★★★★ - 요소 고유식별자 지정 (= id속성 = 아이디속성) ※ CSS 아이디선…
attribute HTML - ondragend 속성 - 드래그 종료 시 실행 (= ondragend속성 = 온드래그엔드속성)…
attribute HTML - http-equiv 속성 - content 속성의 정보/값에 대한 HTTP 헤더 제공 (= ht…
attribute HTML - rev 속성 - (HTML5 지원 X) 현재 웹문서가 타웹문서와 어떤 관계인지 지정 (= re…
attribute HTML - oncuechange 속성 - 트랙의 큐(캡션/자막) 변경 시 실행 (= oncuechange속…
attribute HTML - onkeyup 속성 ★ - 키보드키 올라갈 때 실행 (= onkeyup속성 = 온키업속성) ※ …
attribute HTML - cellpadding 속성 - 테이블 셀 내부의 여백 지정 (= cellpadding속성 = 셀…
3/18
목록
찾아주셔서 감사합니다. Since 2012