js - videojs视频播放，支持ie8

最新推荐文章于 2024-08-20 22:59:20 发布

Beluga_白鲸

最新推荐文章于 2024-08-20 22:59:20 发布

阅读量1.9w

点赞数 4

分类专栏：【 Web 】文章标签： ie8视频 chrome 火狐

本文链接：https://blog.csdn.net/u012246458/article/details/44495353

版权

【 Web 】专栏收录该内容

57 篇文章 0 订阅

订阅专栏

说明：

问题：videojs支持ie8，如果是ie则使用flash播放，如果是其他的则用html5播放很不错的播放器：

地址：自己找的一个参考文章：点我连接

文件：我自己的百度云下载好的文件，里面已经写好了，Demo下载目录(Demo：videojsPlay)，目录截图如下：

代码：

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>