동영상이 iOS10 Chrome에서 재생되지 않습니다.

Question

이 동영상 스 니펫의 잘못된 부분을 찾지 못했습니다.

비디오는 Safari에서 아무 문제없이 재생

<video poster="sample.jpg" loop autoplay controls muted playsinline> 
    <source type="video/webm" src="sample.webm"></source> 
    <source type="video/mp4" src="sample.mp4"></source> 
</video> 

(아이폰 OS의 이전 버전에 대해 테스트,하지만 내 유일한 관심사는 자동 재생 문제가 무엇입니까?하지 않은), 그러나 크롬에 내가 볼 수있는 유일한 것은 표지 이미지입니다 아무 것도 트리거하지 않는 재생 버튼이 있습니다. 내가 놓친 게 있니? 실제로 JS를 사용하려면 JS를 사용해야합니까?

업데이트 : iOS Chrome에서 Webm 파일을 재생할 때 문제가있는 것 같습니다. 여러 위치에서 여러 파일을 시도했으며 재생하기 전에 먼저 다운로드해야하는 것 같습니다.

Answer 1

구글 크롬은 현재는 아무것도 다음에 오는 경우가 .webm 비디오 를 자동 재생하지 않습니다하는 버그 있습니다. 이전의 조언이 도움이되지 않습니다 http://thenewcode.com/777/Create-Fullscreen-HTML5-Page-Background-Video

경우, Github에서에 스크립트 재생 예 (video.js 및 simpl)를 사용하려고 :

https://github.com/videojs/video.js

을 코드를 사용해보십시오에 게시 https://github.com/samdutton/simpl/blob/gh-pages/video/scripted/index.html

또한 모바일 브라우저에서 음소거 자동 재생에로 나타남 :

https://github.com/whatwg/html/issues/976

S.O.를 읽을 유용합니다 뿐만 아니라 게시 :

Efficiently detect if a device will play silent videos that have the autoplay attribute

Answer 2

난 그냥이 비디오 조각 뭐가 잘못 찾을 수없는 것.

<video poster="sample.jpg" loop autoplay controls muted playsinline> 
    <source type="video/webm" src="sample.webm"></source> 
    <source type="video/mp4" src="sample.mp4"></source> 
</video> 

... 업데이트 : 그것은 아이폰 OS 크롬과 WEBM 파일을 재생에 문제가있는 것 같다.

가장 간단하고 가장 좋은 수정 먼저 MP4 파일을 선언하고 2 위 WEBM (당신의 표시 순서의 역순)를 선언 있는지 확인하는 것입니다. iOS에서 mp4를 HTML5 동영상 태그의 첫 번째 파일로 생각합니다. 모든 iOS는 유효한 MPEG 코덱이 아닌 src="sample.webm"입니다. 따라서 ... "아무 것도 트리거하지 않는 재생 버튼"으로 연결됩니다. 어딘가에 침묵의 오류가 있습니다.

시도 :

<video poster="sample.jpg" loop autoplay controls muted playsinline> 
    <source type="video/mp4" src="sample.mp4"></source> 
    <source type="video/webm" src="sample.webm"></source> 
</video> 

사이드 참고 : 여기 WEBM을 가지고 생각 그냥 제 생각하지만, 주요 지원 시스템 (구글 기반 기술) 때문에 이미 MP4 어쨌든을 처리 할 수있는 중복됩니다.

더 나은는 [최종 사용자의] 브라우저에서 그 비디오 디코더를 제공하는 MP4 또는 OGV의 선택 (단지 파이어 폭스의 경우).

추신 : 대부분의 모바일 시스템에서는 SIM 데이터 허용치 때문에 자동 재생이 사용 중지됩니다. 최종 사용자는 해당 비디오를 재생하도록 선택해야합니다. 가능성이 그물에 영리한 해결 방법이 있습니다, 다만 기억하십시오, 이것은 예상 행동이므로 현재 코드에 문제가되지 않습니다.