[HTML]멀티미디어 파일 삽입 : <object>, <embed>태그

SolChan Kim·2024년 3월 27일

<object>, <embed>태그

<object>태그

  • 오디오 파일뿐만 아니라 비디오, 자바 애플릿, PDF등 다양한
    멀티미디어 파일을 삽입할 때 사용하는 태그다.

  • 뿐만 아니라, 웹 문서 안에 다른 문서를 삽입할 때도 사용한다.

  • 기본문법

    • width속성 : 너비(가로)크기 지정
    • height속성 : 높이(세로)크기 지정
    • data속성 : 웹 사이트에 보여줄 멀티미디어 파일 지정
<object width="너비" height="높이" data="파일"></object>

사용예시

<!DOCTYPE html>
<html lang="ko">
<head>
  <meta charset="UTF-8">
  <title>멀티미디어 파일 삽입하기</title>
</head>
<body>
  <h3>웹 사이트에 PDF파일 삽입하기</h3>
  <object width="800" height="700" data="product.pdf"></object>
</body>
</html>


<embed>태그

  • 웹 사이트에 오디오, 비디오, 이미지 등
    다양한 멀티미디어 파일을 삽입할 때 사용한다.

  • HTML초기 버전부터 사용해서 대부분 웹 브라우저에서 사용한 태그다.

    • <audio>, <video>, <object>태그를 지원하지 않는
      웹 브라우저를 사용해야 한다면 <embed>태그를 사용한다.
  • 기본문법

    • src속성 : 삽입할 멀티피디어 파일 지정
    • width속성 : 너비(가로)크기 지정
    • height속성 : 높이(세로)크기 지정
<embed src="파일 경로" width="너비" height="높이">

사용예시

<!DOCTYPE html>
<html lang="ko">
<head>
  <meta charset="UTF-8">
  <title>멀티미디어 파일 삽입하기</title>
</head>
<body>
  <embed src="medias/Paper+plane_s+adventure.mp3">
</body>
</html>

참고

  • Do it! HTML+CSS+자바스크립트 웹 표준의 정석

0개의 댓글