한국어

Programming

twin 주소복사
조회 수 38 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

몇몇 옵션은 모바일 기기 지원을 위한 속성들이므로 반응형 웹이나 모바일 웹을 지원해야할 경우 해당 옵션들을 넣어주는 것이 좋습니다.

<iframe width="1591" height="905" src="https://www.youtube.com/embed/oRmsrT7Ubd0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

유튜브 동영상 연결에 사용하는 전용 태그 속성들을 조금 더 자세히 살펴보겠습니다.

속성 

값 

 설명

 width

픽셀, %값으로 너비 지정 가능(100%면 웹브라우저 화면 전체 너비)

 

 height

픽셀, %값으로 너비 지정 가능(100%면 웹브라우저 뷰포트 전체 높이)

 

 src

동영상 경로 URL

 

 frameborder

영상 테두리. 0또는 1만 가능 0이면 테두리 없음. 1이면 입체테두리 생성.

HTML5 표준에서 제외됨. 

 allow

accelerometer : 스마트폰같은 가속도센서 지원 기기에서 가로세로 전환 자동 지원

autoplay : 자동재생 지원. URL뒤에 "?autoplay=1" 을 추가로 붙여야 동작

encrypted-media : 암호화된 영상 재생 지원.

picture-in-picture : 스마트폰에서 떠있는 작은화면으로 동영상 재생 지원

 유튜브 전용 속성

 allowfullscreen

allowfullscreen

속성이 있으면 풀화면 재생 버튼 활성화.

없으면 비활성화(또는 allowfullscreen="" 도 동일함)

 


  1. 5대 웹브라우저, 그 이름과 로고의 의미

    Date2017.06.12 Bytwin Views3466
    Read More
  2. 네트워크-IP주소 / Port Number (포트번호)

    Date2017.06.08 Bytwin Views1384
    Read More
  3. Server/Client, IP주소, 포트, Protocol, TCP, UDP

    Date2017.06.08 Bytwin Views775
    Read More
  4. 네트워크-내컴퓨터 ip주소 확인하는 법

    Date2017.06.08 Bytwin Views714
    Read More
  5. HTML COLOR 색상표

    Date2019.01.08 Bytwin Views601
    Read More
  6. marquee 태그 사용법

    Date2020.10.05 Bytwin Views542
    Read More
  7. HTML & JavaScript & CSS_CSS.pdf 일람표

    Date2017.05.30 Bytwin Views535
    Read More
  8. 내맘대로 꾸미는 블로그, 태그연습장을 활용

    Date2019.01.08 Bytwin Views477
    Read More
  9. 컴퓨터 네트워크-TCP / UDP 

    Date2017.06.08 Bytwin Views474
    Read More
  10. 웹표준 & html5 & css 관련 링크

    Date2018.09.06 Bytwin Views419
    Read More
  11. 코딩 배워서 앱, 웹 만들고 싶으신가요? 코딩 공부 순서 정리해드립니다.

    Date2019.09.02 Bytwin Views394
    Read More
  12. html5 게임 들여다 보기

    Date2017.05.15 Bytwin Views385
    Read More
  13. 네크워크 기본 용어

    Date2017.06.08 Bytwin Views383
    Read More
  14. Color CSS name, hex code, or RGB values

    Date2017.05.08 Bytwin Views379
    Read More
  15. 소스코드 정렬 사이트

    Date2019.08.29 Bytwin Views307
    Read More
  16. 자바스크립트 배우기전 꼭 봐야할 영상 | 자바스크립트의 역사와 현재 그리고 미래 (JavaScript, ECMAScript, JQuery, Babel, Node.js)

    Date2020.06.22 Bytwin Views101
    Read More
  17. 2021 웹 개발 테크트리 총정리(나는 무엇을 배워야 할까?)

    Date2021.03.10 Bytwin Views82
    Read More
  18. 웹 개발자가 되기 위한 학습 로드맵

    Date2021.03.10 Bytwin Views45
    Read More
  19. 태그로 유트브를 연결하기

    Date2020.09.11 Bytwin Views38
    Read More
Board Pagination Prev 1 Next
/ 1