WEB 02.1.1 유튜브 영상 공유
Web/Web Programming

WEB 02.1.1 유튜브 영상 공유

728x90

<embed>태그로 유튜브 영상 넣기

<!doctype html>
<html>
<head>
  <title>WEB02.01.01</title>
  <meta charaset="utf-8">
</head>

<body>
  <h1><a href="web02-1-1.html">MY HOBBY</a></h1>
  <p>
    제 취미는 영화보기 입니다.<br>
    다양한 장르의 영화를 보는 것을 좋아합니다.<br>
  </p>
  <h2>MOVIE GENRES</h2>
  <ul>
    <li><a href="comedy.html">COMEDY</a></li>
    <li><a href="noir.html">FILM NOIR</a></li>
    <li><a href="mystery.html">MYSTERY</a></li>
  </ul>
</body>
</html>
<!doctype html>
<html>
<head>
  <title>WEB02.01.01 comedy</title>
  <meta charaset="utf-8">
</head>

<body>
  <h1><a href="web02-1-1.html">MY HOBBY</a></h1>
  <p>
    제 취미는 영화보기입니다.<br>
    다양한 장르의 영화를 보는 것을 좋아합니다.<br>
  </p>
  <h2>MOVIE GENRE</h2>
  <ul>
    <li><a href="comedy.html">COMEDY FILM</a></li>
    <li><a href="noir.html">FILM NOIR</a></li>
    <li><a href="mystery.html">MYSTERY</a></li>
  </ul>
  <hr>
  <p>
    <h3>COMEDY FILM</h3>
    유머에 중점을 둔 영화 장르로, 관객들로부터 웃음을 끌어내려고 제작된다.
    <a href="https://ko.wikipedia.org/wiki/%EC%BD%94%EB%AF%B8%EB%94%94_%EC%98%81%ED%99%94"
    target="_blank">참고</a>
  </p>
  <embed width="560" height="315" src="https://www.youtube.com/embed/Irp2BPYrKaw" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>
</body>
</html>

초기화면

 

유튜브 영상의 공유하기 버튼을 클릭하면 퍼가기<> 버튼을 클릭해 URL을 얻을 수 있다. 이 때 <iframe>태그로 되어있는데 이를 embed로 바꿔사용해도 가능하다. 

 

 

 

 

 

SMALL

'Web > Web Programming' 카테고리의 다른 글

[CSS] CSS 속성 설정 / 스타일시트 선언 방법  (0) 2020.08.02
[CSS] WEB2.1 - WEB2.9  (0) 2020.07.29
WEB 02.2.4 예약하기  (0) 2020.07.22
WEB 02.2.3 설문조사 폼 양식  (0) 2020.07.22
WEB 02.2.1 ~ WEB 02.2.2  (0) 2020.07.21