& lt; object & gt; & lt; emubed & gt; 멀티미디어 콘텐츠에 대한 태그?-HTML 튜토리얼-php.cn

멀티미디어 컨텐츠에 및 태그를 어떻게 사용합니까?

<object></object> 및 <embed></embed> 태그는 비디오, 오디오 파일 및 HTML 문서 내에서 직접 다른 리소스와 같은 멀티미디어 컨텐츠를 포함하는 데 사용됩니다. 사용 방법은 다음과 같습니다.

<object></object> 태그 사용 :
<object></object> 태그는 HTML 문서 내에서 임베디드 객체를 정의합니다. 다재다능하며 광범위한 미디어 유형을 포함하는 데 사용할 수 있습니다. 구문은 다음과 같습니다.
```
 <code class="html"><object data="url" type="mime-type" width="width" height="height">  <param name="param-name" value="param-value"> </object></code>
```
로그인 후 복사
- data : 객체에서 사용할 리소스의 URL을 지정합니다.
- type : 자원의 마임 유형을 지정합니다.
- width 와 height : 물체의 크기를 정의합니다.
- <param> : 객체에 매개 변수를 지정할 수 있습니다. 예를 들어, 플래시 객체를 포함하는 경우 영화 매개 변수를 지정해야 할 수도 있습니다.
<embed></embed> 태그 사용 :
<embed></embed> 태그는 멀티미디어 컨텐츠를 포함하는 더 간단하지만 표준화되지 않은 방법입니다. 종종 플래시 객체 또는 기타 플러그인 기반 컨텐츠를 포함시키는 데 사용됩니다. 구문은 다음과 같습니다.
```
 <code class="html"><embed src="url" type="mime-type" width="width" height="height"></embed></code>
```
로그인 후 복사
- src : 내장 할 리소스의 URL을 지정합니다.
- type : 자원의 마임 유형을 지정합니다.
- width 와 height : 임베드 요소의 크기를 정의합니다.

멀티미디어를 포함시 할 때 와 태그의 주요 차이점은 무엇입니까?

멀티미디어 컨텐츠를 임베딩하는 데 사용되는 <object></object> 및 <embed></embed> 태그에는 몇 가지 주요 차이점이 있습니다.

표준화 : <object></object> 태그는 HTML 표준의 일부이며 다른 브라우저에서보다 광범위하게 지원됩니다. 반면에 <embed></embed> 태그는 HTML 표준의 일부가 아니지만 역사적 이유로 인해 대부분의 현대식 브라우저에서 지원됩니다.
폴백 컨텐츠 : <object></object> 태그를 사용하면 폴백 컨텐츠를 제공 할 수 있으며 브라우저가 객체를 렌더링 할 수없는 경우 표시 할 수 있습니다. 이것은 <object></object> 태그 내에 HTML 컨텐츠를 포함하여 수행됩니다. <embed></embed> 태그는 태그 내에서 직접 폴백 컨텐츠를 지원하지 않습니다.
중첩 : <object></object> 태그는 다른 <object></object> 태그 내에 중첩 될 수 있으므로 여러 폴백 옵션을 지정할 수 있습니다. <embed></embed> 태그는 중첩 될 수 없습니다.
매개 변수 : <object></object> 태그는 <param> 요소를 사용하여 매개 변수를 임베디드 객체로 전달하는 반면 <embed></embed> 태그는 속성을 사용하여 매개 변수를 전달합니다.

멀티미디어에 및 태그를 사용할 때 교차 브라우저 호환성을 어떻게 보장 할 수 있습니까?

<object></object> 및 <embed></embed> 태그를 사용할 때 브라우저 크로스 브라우저 호환성 보장 : 몇 가지 전략이 필요합니다.

두 태그를 모두 사용하십시오 . 일반적인 접근 방식은 <object></object> 및 <embed></embed> 태그를 모두 사용하여 호환성을 극대화하는 것입니다. <object></object> 태그 내부의 <embed></embed> 태그를 둥지로써 <object></object> 태그를 지원하는 브라우저가 사용하여 <embed></embed> 태그로 돌아 가지 않습니다.
```
 <code class="html"><object data="yourfile.swf" type="application/x-shockwave-flash" width="300" height="120"> <param name="movie" value="yourfile.swf"> <embed src="yourfile.swf" type="application/x-shockwave-flash" width="300" height="120"> </embed> </object></code>
```
로그인 후 복사
MIME 유형 지정 : type 속성에서 올바른 MIME 유형을 지정해야합니다. 이를 통해 브라우저가 파일 유형을 처리 할 수 있는지 여부를 결정하는 데 도움이됩니다.
폴백 컨텐츠 : 항상 <object></object> 태그 내에서 폴백 컨텐츠를 제공하십시오. 이것은 텍스트, 대체 이미지 또는 브라우저에서 지원할 수있는 다른 임베디드 객체 일 수 있습니다.
테스트 : 다른 브라우저 및 버전에서 멀티미디어 컨텐츠를 철저히 테스트하여 올바르게 표시되도록합니다. Browserstack과 같은 도구는 이에 매우 유용 할 수 있습니다.

및 태그가 멀티미디어 컨텐츠를 표시하지 않으면 어떤 대체 방법을 사용할 수 있습니까?

<object></object> 및 <embed></embed> 태그가 멀티미디어 컨텐츠를 표시하지 못하면 사용할 수있는 몇 가지 대체 방법이 있습니다.

html5 <video></video> 및 <audio></audio> 태그 : 비디오 및 오디오 컨텐츠의 경우 HTML5 <video></video> 및 <audio></audio> 태그는 이제 최신 브라우저에서 널리 지원되며 멀티미디어 컨텐츠를 포함시키는 표준화 된 방법을 제공합니다.
```
 <code class="html"><video width="320" height="240" controls> <source src="movie.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg"> Your browser does not support the video tag. </source></source></video></code>
```
로그인 후 복사
JavaScript 라이브러리 : FlowPlayer 또는 JPLAYER와 같은 라이브러리를 사용하여 멀티미디어 컨텐츠를 포함시킬 수 있습니다. 이 라이브러리는 추상화 계층을 제공하며 종종 브라우저 호환성 문제를 처리합니다.
타사 서비스 : YouTube, Vimeo 또는 SoundCloud와 같은 서비스를 사용하면 iframe 태그를 사용하여 미디어를 포함시킬 수 있습니다. 이 서비스는 임베딩을 처리하고 종종 더 나은 성능과 사용자 경험을 제공합니다.
```
 <code class="html"><iframe width="560" height="315" src="https://www.youtube.com/embed/VIDEO_ID" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></code>
```
로그인 후 복사
폴백 이미지 : 멀티미디어 컨텐츠를 재생할 수없는 경우 미디어 파일에 대한 링크로 정적 이미지로 돌아 가서 사용자가 선호하는 미디어 플레이어에서 다운로드하여 재생할 수 있습니다.