HTML 기본 튜토리얼

HTML 미디어

HTML 참조 문서

HTML5 기본 튜토리얼

HTML5 API

HTML5 미디어

HTML 비디오 (Video) 재생 HTML 미디어 (Media)

HTML 플러그인

플러그인의 기능은 HTML 브라우저의 기능을 확장합니다.

HTML 보조(플러그인)

보조 프로그램(헬퍼 애플리케이션)은 브라우저가 시작할 수 있는 프로그램입니다. 보조 프로그램은 또한 플러그인으로도 알려집니다.

보조 프로그램은 오디오와 비디오(그리고 다른 것들)를 재생할 수 있으며, 보조 프로그램은 <object> 태그를 사용하여 로드됩니다.

보조 프로그램을 사용하여 비디오와 오디오를 재생하는 장점은, 사용자가 재생 설정의 일부 또는 전체를 제어할 수 있다는 것입니다.

플러그인은 <object> 태그나 <embed> 태그를 사용하여 페이지에 추가할 수 있습니다.　

대부분의 보조 프로그램은 볼륨 설정과 재생 기능(뒤로 가기, 일시정지, 정지 및 재생 등)에 대한 수동(또는 프로그래밍) 제어를 허용합니다.

우리는 <video>와 <audio> 태그를 사용하여 비디오와 오디오를 표시할 수 있습니다

<object> 요소

모든 주요 브라우저는 <object> 태그를 지원합니다.

이 태그는 객체(예: 웹 페이지에 Java 애플리케이션, PDF 뷰어 등을 삽입)를 삽입하는 데 사용됩니다. 　 플래시 플레이어) .

예제

<!DOCTYPE html>
<html>
<head>　
<meta charset="utf-8">　
<title>기본 튜토리얼(oldtoolbag.com)</title>　
</head>
<body>
<object width="400" height="50" data="/run/html/bookmark.swf"></object>
　
</body>
</html>

테스트를 보고 보세요 ‹/›

예제

<!DOCTYPE html>
<html>
<head>　
<meta charset="utf-8">　
<title>기본 튜토리얼(oldtoolbag.com)</title>　
</head>
<body>
<object width="100%" height="500px" data="/run/demo_iframe.html"></object>
　
</body>
</html>

테스트를 보고 보세요 ‹/›

또는 이미지를 삽입하세요:

예제

<!DOCTYPE html>
<html>
<head>　
<meta charset="utf-8">　
<title>기본 튜토리얼(oldtoolbag.com)</title>　
</head>
<body>
<object data="/정적/이미지/로고-n.png"></object>
　
</body>
</html>

테스트를 보고 보세요 ‹/›

<embed> 요소

모든 주요 브라우저는 <embed> 요소를 지원합니다.

예제

<!DOCTYPE html>
<html>
<head>　
<meta charset="utf-8">　
<title>기본 튜토리얼(oldtoolbag.com)</title>　
</head>
<body>
<embed width="400" height="50" src="/run/html/bookmark.swf">
</body>
</html>

테스트를 보고 보세요 ‹/›

주의 <embed> 요소는 닫는 태그가 없습니다. 대체 텍스트를 사용할 수 없습니다。

예제

<!DOCTYPE html>
<html>
<head>　
<meta charset="utf-8">　
<title>기본 튜토리얼(oldtoolbag.com)</title>　
</head>
<body>
<embed width="100%" height="500px" src="/run/demo_iframe.html">
</body>
</html>

테스트를 보고 보세요 ‹/›

또는 이미지를 삽입하세요:

예제

<!DOCTYPE html>
<html>
<head>　
<meta charset="utf-8">　
<title>기본 튜토리얼(oldtoolbag.com)</title>　
</head>
<body>
<embed src="/정적/이미지/로고-n.png">
</body>
</html>

테스트를 보고 보세요 ‹/›

HTML 비디오 (Video) 재생 HTML 미디어 (Media)