2014-09-11 2 views
0

자동 재생 및 반복해야하는 배경 비디오가 있습니다.Html5 비디오가 안정적인 Firefox에서 루핑되지 않습니다.

내 HTML은 다음과 같습니다하지

<video class="mundoVideo" id="backVideo" autoplay autobuffer="autobuffer" muted="muted" width="1200" height="360" loop="loop"> 
    <source src="3D/1.webm" type="video/webm"> 
    <source src="3D/1.mp4" type="video/mp4"> 
    <source src="3D/1.ogg" type="video/ogg"> 
</video> 

이 방법은 내가 크롬과 파이어 폭스 박 (심지어 인터넷 익스플로러 11) 루핑을 볼 수 있지만 안정적 파이어 폭스 최신 버전 (32.0)으로 업데이트되었습니다.

내가 매개 변수, 또는 자바 스크립트 등으로 '루프 = "루프"'처럼 '루프'를 사용하여 시도 :

$("#backVideo").bind('ended', function(){ 
     this.play(); 
    }); 

그러나이 종료되지 이벤트가 해고 것 같다, 단지 이미지에서 정지 어떤 점에서.

웹은 다음과 같습니다 http://ticketcomunicacion.com/excelsior

+0

FF 실제로 재생되는 형식은 무엇입니까? 어쩌면 형식과 관련이 있을지도 모릅니다. webm 앞에 .ogg 버전을 먼저 포함 시키십시오. – janfoeh

답변

1

이 코드는 충분하지 않습니다? 당신이 변화하지 않는 비디오가있는 경우 :

$time = 39; // number of seconds of your video 
setInterval(function(){ 
    $('#backVideo').load(); 
},$time*1000); 

또는 시도 부하를() 대신 코드()를 재생할 수 있습니다. 이 버전의 Firefox가 없으므로 시도 할 수 없습니다.

$("#backVideo").bind('ended', function(){ 
    this.load(); 
}); 
+0

첫 번째 스크립트가 강제로 비디오를 다시로드했습니다. 감사. Firefox가 루프 속성을 사용하지 않는 이유를 모르겠습니다. – codiaf

관련 문제