자바 스크립트로 동영상 태그 (HTML 5) 삽입이 모든 브라우저에서 작동합니까?

자바 스크립트를 사용하여 페이지에 동적으로 동영상 요소를 스폰하려고합니다.자바 스크립트로 동영상 태그 (HTML 5) 삽입이 모든 브라우저에서 작동합니까?

파이어 폭스에서 자바 스크립트

<script type="text/javascript"> 
    $(document).ready(function() { 
    var video = $(document.createElement('video')) 
    .attr('id', 'VideoElement') 
    .attr('controls', 'controls') 
    .attr('src', 'videopath.mp4') // Changed 'href' attribute to 'src' 
    .css({ 
     width: 640, 
     height: 360 
    }); 
    $('#VideoContainer').append(video); 
});

HTML

<body> 
    <div id="VideoContainer"></div> 
</body>

나는 비디오 하네스를 얻을 수 있지만, 실제 동영상이로드되지 않습니다.IE8에서는 비디오 하네스가 나타나지 않습니다.

아직 HTML 5가 지원되지 않을까요?

: 아티 움의 수정 사항과 함께 사용하려면이 옵션을 사용하십시오. Chrome 및 Safari에서 정상적으로 작동하는 것 같습니다. Firefox가 지원하지 않는 코덱을 사용하고 있으므로 작동하지 않습니다. 비록 그것이 지원되는 코덱과 함께 작동합니다 용의자. IE8은 충분히 작동하지 않습니다 (상위 5 IE).

출처

2010-05-27 JoshNaro

당신 그'attr' 호출을 당신이'css'로하고있는 것처럼 객체를 넘기는 단일 호출로 결합 할 수 있습니다. – x1a4

, 난 당신이

이 비디오 태그의 src 속성으로 href 특성 바꾸기 :이 잘못된 속성을 사용하고 생각하고, 나는 그것이 작동합니다 확실 해요 : P

출처

2010-05-27 18:32:28

네가 옳았다. =) – JoshNaro

ie8은 확실히 지원하지 않습니다.

다양한 jQuery 기반 미디어 플레이어를 확인해 보셨습니까? 기본적으로 html5를 사용하는 브라우저를 찾아 지원하지 않는 브라우저에서 플래시로 되돌릴 수 있습니다. 사실

출처

2010-05-27 18:30:41 x1a4

자바 스크립트로 동영상 태그 (HTML 5) 삽입이 모든 브라우저에서 작동합니까?

답변

관련 문제