Как я могу отобразить продолжительность видео в IE? - PullRequest
Новая
       25

Как я могу отобразить продолжительность видео в IE?

0 голосов
/ 28 апреля 2018

Используя video.js, я пытаюсь отобразить продолжительность видео во время его воспроизведения. В Google Chrome он отображается нормально, но мне трудно понять, как отобразить его в IE, используя тот же источник. Прямо сейчас он показывает оставшееся время вместо продолжительности.

On Chrome enter image description here

В IE enter image description here

Источник тока: 

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

Пожалуйста, дайте мне знать, если вы знаете, как. Спасибо.

Ответы [ 2 ]

0 голосов
/ 29 апреля 2018

Метод, который я использую, таков: 

	<!--   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" из вашего второго «источника» и поместите источник webm первым, и Я думаю, что вы испытаете их ошибку. Другими словами, Edge не будет используйте файл Webm, если у вас есть type = "video / webm" в теге source.

РЕДАКТИРОВАТЬ: Еще одна вещь ... Я тоже использую выбор более высоких скоростей воспроизведения, но я никогда не понимал их примерные значения, не являющиеся целыми числами, поэтому я предпочитаю: data-setup = '{"PlayRates": [1, 2, 3, 4]}'

Приветствия ...

Dave

0 голосов
/ 28 апреля 2018 
<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
...