> 웹 프론트엔드 > HTML 튜토리얼 > HTML로 비디오를 재생하는 방법

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

藏色散人
풀어 주다: 2023-01-06 11:15:07
원래의
27665명이 탐색했습니다.

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

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

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

html 동영상 재생

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

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

태그 사용

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

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

Example

<embed src="intro.swf" height="200" width="200">
로그인 후 복사

Problem

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

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

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

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

태그 사용

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

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

Example

<object data="intro.swf" height="200" width="200"></object>
로그인 후 복사

문제:

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

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

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

HTML5

HTML5

다음 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>
로그인 후 복사

문제:

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

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

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

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿