HTML <video> src 속성

HTML <video> 태그

정의와 사용법

src 속성은 비디오 파일의 위치(URL)를 정의합니다.

위의 예제는 Chrome, Edge, Firefox, Opera에서 모두 작동하는 Ogg 파일을 사용했습니다.

오래된 인터넷 익스플로어러와 사파리에서 비디오를 재생하려면 MPEG4 파일을 사용해야 합니다.

모든 브라우저에서 작동하려면 - <video> 요소 내에 여러 개를 추가하세요 <source> 요소각 <source> 요소는 다른 비디오 파일에 링크할 수 있습니다. 브라우저는 첫 번째로 인식한 형식을 사용합니다.

<video width="640" height="360" controls>
  <source src="shanghai.mp4" type="video/mp4">
  <source src="shanghai.ogg" type="video/ogg">
  您的浏览器不支持视频标签。
</video>

직접 시험해 보세요

实例

播放视频：

<video src="shanghai.mp4" controls>
  您的浏览器不支持视频标签。
</video>

직접 시험해 보세요

문법

<video src="URL">

속성 값

값 설명
URL

비디오 파일의 URL.

가능한 값:

  • 절대적 URL - 다른 사이트를 지정합니다 (예: src="http://www.example.com/movie.ogg")
  • 상대적 URL - 사이트 내 파일을 지정합니다 (예: src="shanghai.ogg")

브라우저 지원

표에 나타난 숫자는 이 특성을 최초로 완전히 지원하는 브라우저 버전을 나타냅니다.

크롬 에지 파이어폭스 사파리 오퍼라
크롬 에지 파이어폭스 사파리 오퍼라
4.0 9.0 3.5 3.1 11.5

모든 주요 브라우저가 지원합니다 src 속성이지만, 모든 브라우저가 정의된 파일 형식을 지원하지 않습니다.

HTML <video> 태그