如何在 IE 上显示视频的持续时间？

Question

使用 video.js，我试图在播放视频时显示视频的持续时间。在 google chrome 上，它显示得很好，但我很难弄清楚如何使用相同的源在 IE 上显示它。现在它显示的是剩余时间而不是持续时间。

在Chrome

在 IE 上

当前来源：

<video id="myVideo" class="video-js vjs-default-skin vjs-tech" 
       width="100%" height="auto" controls="" preload="auto" 
       data-setup="{ "aspectRatio" : "1024:634", 
                     "playbackRates" : [0.5, 0.75, 1, 1.5, 1.75, 2]}" 
       controlslist="nodownload" autoplay="">
 <source src="video.mp4" type="video/mp4">
 <source src="video.webm" type="video/webm"> 
</video>

如果你知道怎么做，请告诉我。谢谢。

Answer 1

<head>
  <link href="http://vjs.zencdn.net/6.6.3/video-js.css" rel="stylesheet">

  <!-- If you'd like to support IE8 -->
  <script src="http://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js"></script>
</head>

<body>
  <video id="my-video" class="video-js" controls preload="auto" width="640" height="264"
  poster="MY_VIDEO_POSTER.jpg" data-setup="{}">
    <source src="MY_VIDEO.mp4" type='video/mp4'>
    <source src="MY_VIDEO.webm" type='video/webm'>
    <p class="vjs-no-js">
      To view this video please enable JavaScript, and consider upgrading to a web browser that
      <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
    </p>
  </video>

  <script src="http://vjs.zencdn.net/6.6.3/video.js"></script>
</body>


check the below link 
--------------------
https://docs.videojs.com/docs/guides/options.html

Answer 2

我使用的方法是这样的：

 <!--   Force "current-time / duration" to appear on the control-bar: -->
 <!--   See:    https://github.com/videojs/video.js/issues/2507  -->
 <style>
  .video-js   .vjs-current-time { display: block; }
  .video-js   .vjs-time-divider { display: block; }
  .video-js   .vjs-duration { display: block; }
  .video-js   .vjs-remaining-time { display: none; }
 </style>

这似乎在 IE 上运行良好。（我使用的是videojs v5.11.9，而不是v6.6.3）

关于 Edge 浏览器的附加评论：

上次我测试 Edge 时，我发现如果你有 Webm 上的类型属性。即保留然后删除预期的类型="video/webm" 从你的第二个 'source' 并将 webm 源放在第一位，然后我想你会遇到他们的错误。换句话说，Edge 不会使用 Webm 文件，如果你在 source-tag 中有 type="video/webm".

编辑：另一件事......我也选择了更快的播放速率，但我从来不理解他们的非整数示例值，所以我更喜欢：数据设置='{ "playbackRates": [1, 2, 3, 4] }'

干杯...

戴夫

如何在 IE 上显示视频的持续时间？

How can I display the duration of the video on IE?

video

internet-explorer

google-chrome

video.js

display