2013-05-09 4 views
1

매우 무거운 미디어 용 클라이언트를위한 웹 사이트를 만들고 있으므로 많은 비디오/오디오 파일을로드해야합니다. 동영상은 Chrome, Firefox, IE 등에서 완벽하게로드되지만 Safari (Windows)에서는로드되지 않습니다! 아래 코드를 참조하십시오.HTML5 비디오가 Safari에서 작동하지 않습니다.

<video controls="controls" type="video/mp4"> 
    <source src="/malagnini/video/sample.mp4" type="video/mp4" /> 
    <source src="/malagnini/video/sample.ogv" type="video/ogg" /> 
    <source src="/malagnini/video/sample.webm" type="video/webm" /> 
</video> 

모든 MIME 유형이 이미 htaccess 파일에 추가됩니다.

일부 동영상 (예 : 사용자가 '동영상 유형'필터 버튼을 클릭 할 때)을로드 할 때 AJAX를 사용하므로 Safari에서 문제가있는 것으로 알고있는 각 요청 후에 동영상을로드하고 있습니다. . 그러나 요청 이전에도 동영상은 재생되지 않습니다.

진드기가 필요한 다른 상자가 있습니까? (QuickTime을 설치했는데, Windows에서 Safari를 통해 HTML5 비디오를 실행해야합니다.)

그런데 비디오는 iPhone에서로드되지만로드하는 데 시간이 오래 걸립니다.

+0

Safari는 life'd의 거의 끝이었습니다. QT가 설치되어 있어도 특히 좋은 경험은 없었습니다. 사용자의 연령 비율에 해당 조합이 무엇인지 알 수 있습니까? – Offbeatmammal

+0

아니요, 수치가 없습니다. 하지만 지금이 문제를 해결했습니다. src가 동적으로 변경되면 새로운 비디오가로드되지 않는 사파리 버그였습니다. 아래 답변. – FunnyOxymoron

답변

2

이제 해결되었습니다. Safari에는 src 속성이 동적으로 수정 된 비디오를로드 할 수없는 버그가 있습니다.

이 문제를 해결하려면 동영상 요소를 복제 한 다음 삭제해야합니다. src 경로를 복제 된 요소로 업데이트하고 DOM에 다시로드 한 다음 정상적으로로드 할 수 있습니다. 아이폰/아이 패드 사용자에 <video> 개체를 활성화하기 위해 다시 재생 버튼을 클릭해야하기 때문에 <video> 요소를 삭제

+1

Safari에서 동일한 문제가 발생합니다. 수정 사항의 예를 들려 주시겠습니까? – DevDave

0

@FunnyOxymoron Clonning &은 좋은 생각이 아니다. 올바른 해결책은 src 속성을 대체하는 것이며 Safari에서도 작동합니다. 여기에있는 예제를 참조하십시오 : https://stackoverflow.com/a/27284512/2079326

관련 문제