videojs视频播放,支持ie8

videojs支持ie8,如果是ie则使用flash播放,如果是其他的则用html5播放很不错的播放器:

地址:http://www.jq22.com/jquery-info404

文件:

就是下载的文件,里面已经写好了,目录(文件在百度空间videojsPlay):

videojs视频播放,支持ie8_第1张图片


index.html:

<!DOCTYPE html>
<html>
<head>
  <title>Video.js | HTML5 Video Player</title>

  <!-- Chang URLs to wherever Video.js files will be hosted -->
  <link href="video-js.css" rel="stylesheet" type="text/css">
  <!-- video.js must be in the <head> for older IEs to work. -->
  <script src="video.js"></script>

  <!-- Unless using the CDN hosted version, update the URL to the Flash SWF -->
  <script>
    videojs.options.flash.swf = "video-js.swf";
  </script>


</head>
<body>

  <video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" width="640" height="264"
      poster="oceans-clip.png"
      data-setup="{}">
   <source src="demo.mp4" type='video/mp4' />
   <!--   <source src="http://video-js.zencoder.com/oceans-clip.webm" type='video/webm' />
    <source src="http://video-js.zencoder.com/oceans-clip.ogv" type='video/ogg' /> -->
    <!-- <track kind="captions" src="demo.captions.vtt" srclang="en" label="English"></track> --><!-- Tracks need an ending tag thanks to IE9 -->
    <!-- <track kind="subtitles" src="demo.captions.vtt" srclang="en" label="English"></track> --><!-- Tracks need an ending tag thanks to IE9 -->
  </video>

</body>
</html>

注释:本地自己建一个文件夹,火狐和chrome播放没有问题,但是ie8不能播放,因为ie8必须支持http,本地打开的没有http(不信可以看看地址栏),需要上传到自己项目或者线上,然后打开地址才能播放(郁闷了好久)。

你可能感兴趣的:(chrome,火狐,ie8视频)