9

내 포스터 이미지 쇼 나는이 페이지에 HTML5 비디오가 없습니다.이유는 IE9의 HTML5 비디오

임 다음 코드 아래의 동영상으로

<video class="video-js" width="235" height="185" playbackRate="1" poster="http://www.yellowtulipcomms.com/wp-content/uploads/2011/11/Kimia-Namadchi-STILL.jpg" controls="controls"> 

과 포스터 이미지를 사용은 결코

어떤 아이디어 IE9

에 표시되지 않습니다?

답변

14
  1. playbackRate 특성을 제거하십시오.
  2. 내가 페이지 로딩 여러 비디오를 가진 preload="none" 속성
+3

preload = "none"worked –

+3

'preload = "none"'이 작동하는 동안 사용자가 비디오를 기다릴 때까지 기다려야하는 시간이 길어진다. 시작됩니다 (때로는 비디오 길이에 따라 5-10 초). – doubleJ

3

를 추가하고 IE9에서 포스터 이미지는 때로는 때로는하지 나타납니다. 해결책은 포스터 이미지를 비디오 요소의 배경으로 설정하는 것이 었습니다. 정상적으로 작동합니다.

3

배경 이미지는 preload = "none"태그와 만 작동하지만이 기능은 사용할 수 없습니까? 아무것도. 왜 오페라, 파이어 폭스, Crome ...이 해석 할 수있는 IE는 할 수 없어?

왜 모든 IE 페이지에 IF IE 태그가 있습니까? 왜 나는 IE에서 작동하기 위해 모든 것을 나쁜 것으로 만들어야합니까?

그게 솔루션을 microsoft에서 개발을 완료합니다.

동영상과 동일한 해상도로 사진을 만들고 동영상 태그 외부에 절대 위치를 지정하고 "video_play"와 같은 ID를 지정하십시오. 이제 그림을 페이드 아웃하고 동영상을 재생하는 기능을 만들었습니다.

이제 프리로드 기능을 사용할 수 있으며보기에는 좋지만 검은 색 화면이 없으면 IE에서 작동합니다.

$("#video_play").click(function(){ 

    $(this).fadeOut(600); 
    var video = document.getElementById("video_src"); 
    if (video.paused) { 
     video.play(); 
    } else { 
     video.pause(); 
    } 

}); 

Maby 당신은 포스터의 태그를 설정하고 자바 스크립트 와 속성을 얻을 내 스크립트 전체 동적를 만들 수 있습니다. 시간이 너무 나쁘다 ... IE처럼 ...