HTML5 동영상 태그를 사용하여 특정 시간의 동영상을 재생할 수 있기를 원하며 (현재 Chrome에 대해 걱정할 필요가 있음) 이는 video 요소의 currentTime 속성을 설정하여 가능합니다. Chrome에서 html5rocks.com에서 제공 한 비디오로 제대로 작동하지만 내 로컬 웹 서버에서 동일한 파일이로드 될 때 무시됩니다. http://playground.html5rocks.com/#video_tag에서 샘플 코드를 사용Chrome의 HTML5 동영상 태그 - 내 웹 서버에서 동영상을 다운로드 할 때 currentTime이 무시되는 이유는 무엇입니까?
는, 나는 다음과 같은 HTML에 도착했습니다 다음 때까지 비디오는
- 대기가 (조금 을 다운로드 할 경우, 크롬을 사용
<!DOCTYPE html> <html> <body> <video id="video1" width="320" height="240" volume=".7" controls preload=true autobuffer> <source src="http://playground.html5rocks.com/samples/html5_misc/chrome_japan.webm" type='video/webm; codecs="vp8, vorbis"'/> </video> <input type=button onclick="play()" value="play"> <input type=button onclick="setTime()" value="setTime"> <input type=button onclick="pause()" value="pause"> <script> var play=function() { document.getElementById("video1").play(); } var setTime=function() { document.getElementById("video1").currentTime=2; } var pause=function() { document.getElementById("video1").pause(); } </script> </body> </html>
진행률 표시 줄이 인 경우 약 10 %)
- 보도 자료 setTime - 당신 은 시간이 점프하는 것을 알아야합니다. 초
- 언론 플레이
... 비디오는 내가 내 로컬 웹 서버에 소스 SRC에서 WEBM 파일을 다운로드합니다. 2 초
그러나를 시작하고 변경 SRC 가리 키도록합니다 로컬 :
<source src="chrome_japan.webm" type='video/webm; codecs="vp8, vorbis"'/>
... currentTime 설정이 무시됩니다. 개발자 도구 콘솔에 오류가 표시되지 않습니다.
이제 웹 서버에서 MIME 유형 "video/webm"을 제공하지만 이전의 파일처럼 스트리밍되지는 않습니다.
특정 방식으로 스트리밍되는 웹 서버가 필요합니까? 그 밖의 무엇이 여기에 잘못이있을 수 있습니까?
참고 : 웹 서버는 독점적 인 플랫폼이며 Tomcat이나 다른 일반적으로 사용되는 웹 서버와 동일한 설정이나 컨트롤을 제공하지 않지만 동일한 효과를 얻을 수있는 다른 방법이있을 수 있습니다.
가능하면 두 경우의 HTTP 패킷을 캡처하여 차이점을 찾습니다. – 9dan