업데이트 : FireFox의 비디오를 매우 느리게 버퍼링하는 것처럼 보입니다. 약 5 분 후에 비디오가 재생됩니다. 그러나 다른 모든 장치에서는 즉시로드됩니다 ... 거래가 무엇입니까?VideoJS 및 FireFox HTML5 비디오 .WebM 형식이 작동하지 않습니다.
질문들 : 휴대 기기를 포함한 모든 브라우저에서 VideoJS를 재생하려면 어떻게해야합니까? VideoJS 설명서에 따라 모든 작업을 수행했다고 생각했지만 뭔가를 놓친 것 같습니다.
웹 사이트는 다음과 같습니다 http://centerforconfidence.com/addons/stop-tracking-ga/index.php?ct=disable
상황 : 나는에서 H.264로 인코딩 내 .MP4 비디오를 만든 http://videojs.com/embed-builder/
:
전에서 VideoJS과 삽입 폼 빌더를 사용하고 있습니다 Adobe Premier Pro.
AVS 비디오 변환기를 사용하여 .WebM 비디오로 변환했습니다.
내 Andriod 장치에서 아래 코드는 포함 된 비디오로 작동합니다.
FireFox에서 HTML5 비디오 플레이어를로드하려고 시도하지만 비디오를로드하지 않습니다.
IE9에서 플래시 폴백을 사용합니다.
<!-- Begin VideoJS -->
<div class="video-js-box">
<!-- Using the Video for Everybody Embed Code http://camendesign.com/code/video_for_everybody -->
<video class="video-js" width="560" height="340" controls preload autoplay poster="http://www.centerforconfidence.com/addons/videos/webinar-invite-1/ImagePreview2.png">
<source src="http://www.centerforconfidence.com/addons/videos/webinar-invite-1/Webinar-Invite-1-Final-4.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
<source src="http://www.centerforconfidence.com/addons/videos/webinar-invite-1/Webinar-Invite-1-Final-4.webm" type='video/webm; codecs="vp8, vorbis"' />
<!-- Flash Fallback. Use any flash video player here. Make sure to keep the vjs-flash-fallback class. -->
<object id="flash_fallback_1" class="vjs-flash-fallback" width="560" height="340" 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="true" />
<param name="flashvars"
value='config={"playlist":["http://www.centerforconfidence.com/addons/videos/webinar-invite-1/ImagePreview2.png", {"url": "http://www.centerforconfidence.com/addons/videos/webinar-invite-1/Webinar-Invite-1-Final-4.mp4","autoPlay":true,"autoBuffering":true}]}' />
<!-- Image Fallback. Typically the same as the poster image. -->
<img src="http://www.centerforconfidence.com/addons/videos/webinar-invite-1/ImagePreview2.png" width="560" height="340" alt="Poster Image"
title="No video playback capabilities." />
</object>
</video>
<!-- Download links provided for devices that can't play video in the browser. -->
<p class="vjs-no-video"><strong>Download Video:</strong>
<a href="http://www.centerforconfidence.com/addons/videos/webinar-invite-1/Webinar-Invite-1-Final-4.mp4">MP4</a>,
<a href="http://www.centerforconfidence.com/addons/videos/webinar-invite-1/Webinar-Invite-1-Final-4.webm">WebM</a>,
<!-- Support VideoJS by keeping this link. -->
<a href="http://videojs.com">HTML5 Video Player</a> by VideoJS
</p>
</div>
<!-- End VideoJS -->
고마워요!