2017-04-17 1 views
-1

모바일 mp4 비디오가 작동하지 않는 경우 비디오의 img 만 표시됩니다. 이 문제가 solve.Link이 내 html로 여기 http://innovatoryinfotech.com/theme/Restora/index-video.html모바일 mp4 비디오가 작동하지 않습니까?

얼마나

나도 몰라.

<video id="video" class="slider-video" width="100%" preload="auto" loop autoplay style="visibility: visible; width: 100%;"> 
      <source src="video/Sushi-361.mp4"> 
      <source src="video/Sushi-361.webm" type="video/webm"> 
      <source src="video/Sushi-361.ogv" type="video/ogg"> 
     </video> 

이 문제를 해결하십시오.

난은 IMG에서 클릭 한 다음 비디오 시작할 때

var video = document.getElementById('video'); 
video.addEventListener('click',function(){ 
    video.play(); 
},false); 

다음 작동이 스크립트를 추가합니다.

하지만 모바일에서 자동 비디오를 시작하는 방법.

+0

type = "video/mp4"유형을 지정하십시오. –

+0

시도해 보지만 작동하지 않습니다. –

+1

내 장치에서 작동합니다. iOS와 Android에 웹 비디오 처리 방법이 다르므로 장치의 OS를 지정하십시오. –

답변

1

"작동하지 않습니다."는 단지 preloadautoplay입니다. iOS Safari에서는 사용자가 명시 적으로 시작할 때까지 동영상을 재생할 수 없습니다. 사용자 preloadautoplay는 셀룰러 네트워크 일 수 있으며, 데이터 유닛 당 부과 (시오 포함한 모든 장치) iOS의 사파리에서

: 여기서

공식 document 설명한다 사용할 수 없습니다. 사용자가 데이터를 시작할 때까지 데이터가로드되지 않습니다.

업데이트 : https://developers.google.com/web/updates/2016/07/autoplay에 따라, autoplay도 안드로이드에 크롬의 일부 버전에서 비활성화되었습니다. 그러나 '음소거 된 자동 재생'은 Android 용 Chrome에서 53 버전부터 지원되며 iOS 10 이상 버전의 Safari에서 지원됩니다.

따라서 muted 속성 (<video autoplay muted>)을 추가하여이 문제를 해결할 수 있습니다. 그러나 브라우저 기록으로 인해 모든 장치에서 작동하지 않습니다.

관련 문제