<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 |