Question

使用video.js，我正在尝试显示视频播放时的持续时间。在谷歌浏览器上，它显示它很好，但我很难弄清楚如何使用相同的源在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

我使用的方法是这样的：

＆＃13;

	<!--   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>

＆＃13;

这似乎在IE上正常工作。（我使用videojs v5.11.9，而不是v6.6.3）

关于Edge-browser的其他评论：

上次我测试Edge时，我发现如果你有的话会抱怨 Webm上的type属性。即保持然后删除预期的类型=＆＃34;视频/ WEBM＆＃34; 来自你的第二个来源＆＃39;并将webm源放在第一位，然后我想你会遇到他们的错误。换句话说，Edge赢了使用Webm文件，如果你有类型=＆＃34;视频/ webm＆＃34;在source-tag中。

编辑：另一件事......我也选择更快的播放速度，但我从来没有理解他们的非整数示例值，所以我更喜欢： data-setup =＆＃39; {＆＃34; playbackRates＆＃34;：[1,2,3,4}}＆＃39;

干杯...

戴夫

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

2 个答案: