2013-07-16 4 views
0

없음 컨트롤 또는 미리보기 이미지 :HTML 비디오 IE9는 - 나는 웹 페이지에 HTML 비디오를 구현하기 위해 다음 코드를 사용했습니다

<video id='the_video' class='pilot_video' controls="controls"> 
<source src='<?= bloginfo('template_directory'); ?>/inc/pilot.mp4' type="video/mp4"> 
<source src='<?= bloginfo('template_directory'); ?>/inc/pilot.ogv' type="video/ogg"> 
<source src='<?= bloginfo('template_directory'); ?>/inc/pilot.webm' type="video/webm"> 
<iframe width="560" height="315" src="http://www.youtube.com/embed/Hz9Eh01sEdo?rel=0" frameborder="0" allowfullscreen></iframe> 
</video> 

이 컨트롤 IE10, 크롬, 파이어 폭스와 사파리에 있지만, IE9으로 잘 표시되지 않습니다 나타나지 않고 미리보기 이미지가 없습니다. 그냥 블랙 박스를 보여주기 때문에 마우스 오른쪽 버튼으로 클릭하고 "Play"를 선택해야합니다.

왜 그런가? 나는 당황 스럽다.

답변

0

문서화 된로드 및 링크를 클릭 한 후 비디오 객체가 jQuery에 의해 흐려 졌기 때문에 IE9에서 비디오 객체를 올바르게 처리 할 수없는 페이딩 전환으로 인한 것입니다.

내가 한 일은 페이드 인을 허용하고 일단 완료되면 비디오 개체를 복제하여 다시 인스턴스화합니다.