H5의 비디오 태그가 mp4 파일을 재생할 수 없는 문제를 해결하는 방법

이번에는 H5의 비디오 태그가 mp4 파일을 재생할 수 없는 문제를 해결하는 방법을 알려 드리겠습니다. H5의 비디오 태그가 mp4 파일을 재생할 수 없는 문제를 해결하기 위한 주의 사항은 무엇입니까? , 살펴 보겠습니다.

머리말

최근에 문제를 발견했습니다. 1.mp4 파일을 휴대폰에 녹음했는데 일반 브라우저에서 정상적으로 재생됩니다. 그러나 포맷 팩토리를 사용하여 rmvb 파일을 2.mp4로 트랜스코딩하는 것은 재생할 수 없습니다. 관련 정보를 검색하여 마침내 해결되었습니다. 자세한 소개를 살펴보겠습니다.

휴대폰에 녹화된 동영상속성

:

공장 트랜스코딩 포맷을 위한 비디오 속성:

먼저 코드 문제, 경로 문제, 브라우저 비호환성 등을 제거하세요. 트랜스코딩된 비디오 인코딩은 mp4v이므로 AVC(H264) 인코딩으로 변환하면 됩니다.

비디오 태그에서 지원하는 비디오 형식 및 인코딩에 대한 문서를 확인하세요.

MPEG4 = H.264 비디오 인코딩 및 AACaudio

인코딩이 포함된 MPEG4 파일

• WebM = VP8 비디오 WebM 파일 포함 Theora 비디오 인코딩 및 Vorbis 오디오 인코딩

• Ogg = Theora 비디오 인코딩 및 Vorbis 오디오 인코딩이 포함된 Ogg 파일

• 위의 정보를 통해 우리는 h264로 인코딩된 MP4 비디오(MPEG-LA 회사), VP8로 인코딩된 파일만 발견했습니다. webm 형식 비디오(Google 회사) 및 Theora 인코딩된 ogg 형식 비디오(iTouch 개발)는

  html5

  의

해결 방법

비디오 태그는 여러 소스 요소를 허용합니다. 소스 요소는 서로 다른 비디오 파일을 연결할 수 있으며, 이는 브라우저 호환성 문제를 해결하는 데 사용할 수 있습니다.

<video controls="controls" width="100%">
  <source src="1.mp4" type="video/mp4">
  <source src="1.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>

이 기사의 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

추천 도서:

프런트 엔드 페이지 점프 및 값 획득 구현

H5 멀티스레딩(Worker SharedWorker) 사용법에 대한 자세한 설명

위 내용은 H5의 비디오 태그가 mp4 파일을 재생할 수 없는 문제를 해결하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!