>  기사  >  웹 프론트엔드  >  HTML 비디오 삽입을 구현하고 페이지에 표시하는 방법은 무엇입니까? (예)

HTML 비디오 삽입을 구현하고 페이지에 표시하는 방법은 무엇입니까? (예)

藏色散人
藏色散人원래의
2018-08-11 10:51:0610505검색

이 글에서는 이전 글에서 재생 및 일시 정지가 가능한 오디오 스타일을 html로 표시하는 방법

에 대한 글을 소개해 드렸는데요. 이전 글의 친구들은 동영상을 추가하는 방법에 대해 잘 알고 있을 것입니다. 그들의 방법은 모두 매우 유사합니다. 여기에서는 영화 클립이나 기타 비디오 스트림과 같은 비디오를 정의하는 HTML5의 중요한 태그인 video 태그도 소개합니다. 그리고 모든 브라우저가 이 태그를 지원하는 것은 아닙니다.

HTML 비디오 삽입을 구현하고 페이지에 표시하는 방법은 무엇입니까? (예)

html비디오 클릭 재생을 추가하는 구체적인 코드 예제는 다음과 같습니다.

<video src="movie.ogg" controls="controls"></video>

참고: 컨트롤 속성은 재생, 일시 정지 및 볼륨 컨트롤을 추가하는 데 사용됩니다.

html에 비디오를 추가하기 위한 특정 코드는 다음과 같을 수도 있습니다:

<!DOCTYPE HTML>
<html>
<body>
<video width="320" height="240" controls="controls">
    <source src="mov.ogg" type="video/ogg">
    <source src="/mov.mp4" type="video/mp4">
</video>
</body>
</html>

HTML 비디오 삽입을 구현하고 페이지에 표시하는 방법은 무엇입니까? (예)

참고:

여기서 너비와 높이는 각각 비디오 플레이어의 너비와 높이를 나타냅니다.

비디오 요소는 Ogg 파일, MPEG4 파일 및 WebM 파일의 세 가지 비디오 형식을 지원합니다.

태그는 미디어 요소(예:

이 글은 HTML에 동영상을 추가하는 방법에 대한 관련 지식을 소개합니다. 도움이 필요한 친구들에게 도움이 되길 바랍니다!




위 내용은 HTML 비디오 삽입을 구현하고 페이지에 표시하는 방법은 무엇입니까? (예)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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