>  기사  >  웹 프론트엔드  >  HTML로 비디오를 재생하는 방법

HTML로 비디오를 재생하는 방법

藏色散人
藏色散人원래의
2021-05-24 10:15:5127616검색

HTML에서 비디오를 재생하는 방법: 1. HTML 페이지에 멀티미디어 요소를 포함하려면 273238ce9338fbb04bee6997e5552b95 비디오를 정의하는 요소입니다.

HTML로 비디오를 재생하는 방법

이 기사의 운영 환경: Windows7 시스템, HTML5&&CSS3 버전, Dell G3 컴퓨터.

html 동영상 재생

HTML로 동영상을 재생하는 것은 쉽지 않습니다!

모든 브라우저(Internet Explorer, Chrome, Firefox, Safari, Opera)와 모든 하드웨어(PC, Mac, iPad, iPhone)에서 비디오 파일을 재생할 수 있도록 하려면 많은 기술을 알아야 합니다.

d8e2720730be5ddc9c2a3782839e8eb6 태그 사용

d8e2720730be5ddc9c2a3782839e8eb6 태그는 HTML 페이지에 멀티미디어 요소를 삽입하는 데 사용됩니다.

다음 HTML 코드는 웹 페이지에 포함된 Flash 비디오를 표시합니다.

Example

<embed src="intro.swf" height="200" width="200">

Problem

HTML4가 d8e2720730be5ddc9c2a3782839e8eb6 태그를 인식하지 못합니다. 귀하의 페이지는 인증을 통과할 수 없습니다.

브라우저가 Flash를 지원하지 않으면 동영상이 재생되지 않습니다.

iPad와 iPhone에서는 Flash 동영상을 표시할 수 없습니다.

동영상을 다른 형식으로 변환해도 모든 브라우저에서 재생되지는 않습니다.

273238ce9338fbb04bee6997e5552b95 태그 사용

273238ce9338fbb04bee6997e5552b95 태그는 HTML 페이지에 멀티미디어 요소를 삽입하는 데 사용됩니다.

다음 HTML 조각은 웹 페이지에 포함된 Flash 비디오를 보여줍니다.

Example

<object data="intro.swf" height="200" width="200"></object>

문제:

브라우저가 Flash를 지원하지 않으면 비디오가 재생되지 않습니다.

iPad와 iPhone은 Flash 비디오를 표시할 수 없습니다.

동영상을 다른 형식으로 변환해도 모든 브라우저에서 재생되지는 않습니다.

HTML5 39000f942b2545a5315c57fa3276f220 요소

HTML5 39000f942b2545a5315c57fa3276f220 태그를 사용하면 모든 최신 브라우저에서

39000f942b2545a5315c57fa3276f220 요소가 지원됩니다.

다음 HTML 조각은 웹 페이지에 포함된 ogg, mp4 또는 webm 형식의 비디오를 표시합니다.

Example

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  <source src="movie.webm" type="video/webm">
您的浏览器不支持 video 标签。
</video>

문제:

비디오를 다양한 형식으로 변환해야 합니다.

39000f942b2545a5315c57fa3276f220 요소는 이전 브라우저에서 유효하지 않습니다.

추천 튜토리얼: html 비디오 튜토리얼, css 비디오 튜토리얼

위 내용은 HTML로 비디오를 재생하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.