html - Video.js won't play video on IE8 -


i'm trying use video.js 4.11 , after debugging still couldn't make video play in ie8 emulation. strangely, video.js 4.12 version cause crash on ie8 emulation , seems there json problem involve "data-set" tag?

also, noticed though designed own skin video js, "border-radius" been override default value while other things working good. (my big play button should circle in ie8 emulation, became square.)

just prove it's not video files' problem, wrote version based on video.js's example , using lot of codes changed appearance meet needs.

everything i'm referencing locally, have checked path , should working fine.

any suggestions , highly appreciate.

update: solved problem adding line of code:

<script src="http://api.html5media.info/1.1.6/html5media.min.js"></script> 

just in case had same problem flash fallback not working on ie8.

here's final code reference:

<!doctype html> <html> <head>     <meta http-equiv=content-type content="text/html; charset=utf-8">        <title>video.js demo</title>       <link type="text/css" href="http://vjs.zencdn.net/4.11/video-js.css" rel="stylesheet">       <script type="text/javascript" src="http://vjs.zencdn.net/4.11/video.js"></script>     <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>     <script src="http://api.html5media.info/1.1.6/html5media.min.js"></script>     <style type="text/css">        .vjs-default-skin {color: #f5f2f2;}        .vjs-default-skin .vjs-big-play-button{left:45%;top:40%;border-radius:100%;border-width:0.1em;width:1.8em;height:1.8em;}     </style>     </head> <body>    <div style="width:700px;margin:0 auto;">          <video id="example" class="video-js vjs-default-skin"             controls preload="auto" width="640" height="264"             poster="http://video-js.zencoder.com/oceans-clip.png"             data-setup='{}'>         <source src="http://video-js.zencoder.com/oceans-clip.mp4" type='video/mp4' />          <source src="http://video-js.zencoder.com/oceans-clip.ogv" type='video/ogg' />         <source src="http://video-js.zencoder.com/oceans-clip.webm" type='video/webm' />         <!-- flash fallback. -->         <object type="application/x-shockwave-flash" data="flowplayer-6.0.1/flowplayer.swf" width="854" height="504">             <param name="allowfullscreen" value="true">             <param name="allowscriptaccess" value="always">             <param name="movie" value="flowplayer-6.0.1/mirandas1e01.flv">             <!--[if ie8]><param name="movie" value="flowplayer.swf"><![endif]-->         </object>         <p class="vjs-no-js">to view video please enable javascript, , consider upgrading web browser              <a href="http://videojs.com/html5-video-support/" target="_blank">supports html5 video</a>         </p>                 </video>   </div> </body> </html> 


Comments

Popular posts from this blog

Magento/PHP - Get phones on all members in a customer group -

php - .htaccess mod_rewrite for dynamic url which has domain names -

Website Login Issue developed in magento -