1
비디오 JS 플레이어를 사용하여 비디오를 재생하고 있습니다. Firefox에서 모든 것이 훌륭한 기능입니다. HTML5 비디오 문제와 올바른 MIME 유형 문제에 대해 많이 읽었습니다. Video JS 플레이어를 테스트 할 때, 비디오가 아닌 내 비디오로 제대로 작동했습니다. 내 서버가 MIME 형식을 지원하지 않거나 코드에 실수가 있습니까?firefox는 Flash로 다운 그레이드하지 않는 HTML5 비디오를 잠급니다.
감사합니다.
HTML :
<video id="example_video_1" class="video-js" width="780" height="520" autoplay="auto" loop="loop" poster="Images/home.jpg">
<source src="Video/fernando.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
<source src="Video/fernando.webm" type='video/webm; codecs="vp8, vorbis"' />
<source src="Video/fernando.ogv" type='video/ogg; codecs="theora, vorbis"' />
<!-- Flash Fallback -->
<object id="flash_fallback_1" class="vjs-flash-fallback" width="780" height="520" type="application/x-shockwave-flash" data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf">
<param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" />
<param name="allowfullscreen" value="false" />
<param name="flashvars" value='config={"playlist":["Images/home.jpg", {"url": "Video/fernando.mp4","autoPlay":true,"autoBuffering":true, onBeforeFinish: function() { return false; }, wmode: 'opaque'}]}' />
<img src="Images/home.jpg" width="780" height="520" alt="Poster Image" title="No video playback capabilities." />
</object>
</video>
자바 스크립트 :
VideoJS.setupAllWhenReady({
controlsBelow: false, // Display control bar below video instead of in front of
controlsHiding: true, // Hide controls when mouse is not over the video
defaultVolume: 0.85, // Will be overridden by user's last volume if available
flashVersion: 9, // Required flash version for fallback
linksHiding: true // Hide download links when video is supported
});