ビデオがWindowsで再生されないSafariブラウザのバージョン5.1.7

Question

ビデオ（HTML5タグ）をフロントページに配置しました.MozillaとChromeではうまくいきましたが、サファリウィンドウ（ver 5.1.7）では動作しません これは、ここでは、サイトURL

である私が入れたコードです：

<div id="slideshow" class="clearfix"> 
      <div id="home_video" class="clearfix" align="center"> 
      <div class="video-js-box"> 
       <video class="video-js" width="100%" height="100%" autoplay="true" preload="auto" tabindex="0" muted autoplay loop> 
       <source type="video/mp4; codecs="avc1.42E01E, mp4a.40.2"" src="<?php echo site_url();?>/wp-content/uploads/parklane_low1.mp4"></source> 
       <source type="video/webm; codecs="vp8, vorbis"" src="<?php echo site_url();?>/wp-content/uploads/parklane_low1.webmsd.webm"></source> 
       <source type="video/ogg; codecs="theora, vorbis"" src="<?php echo site_url();?>/wp-content/uploads/parklane_low1.oggtheora.ogv"></source> 
       <object id="flash_fallback_1" class="vjs-flash-fallback" width="100%" height="100%" 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":["http://www.yourwebsite.com/cms/video/poster.jpg", {"url": "<?php echo site_url();?>/wp-content/uploads/parklane_low1.mp4","autoPlay":true}]}' /> 
       </object> 
       </video> 
      </div> 
      </div> 
     </div> 

このため任意のソリューションを提供してください。

Answer 1

は、ここでその

<div id="slideshow" class="clearfix"> 
     <div id="home_video" class="clearfix" align="center"> 
     <div class="video-js-box"> 
      <iframe class="video-js" src="<?php echo site_url();?>/wp-content/uploads/parklane_low1.mp4" height="100%" width="100%"></iframe> 
     </div> 
     </div> 
    </div> 

のためのコードで、HTML5ビデオタグ以外iFrameを試してみて、あなたはJSに変更する場合は、$（ウィンドウ）を使用する$（ドキュメント）.readyイベント以外 を.LOADしてください。それはすべてのブラウザで動作します。