Показывать продолжительность видео из videoJS

0

Я работаю над видеоплеером HTML5 с jQuery. Пока у меня очень хорошо работает мой видеоплеер, но я хочу получить переменную для продолжительности видео и показать/отобразить ее на чистой HTML-странице.

Отсюда вы можете получить больше информации об этом видеоплеере Jquery: http://www.videojs.com/docs/api/

Я думаю, что переменная для продолжительности видео: myPlayer.duration();

Как я могу отобразить это значение в HTML?

Вот мой HTML-код для отображения игрока:

  <video id="vemvo-player" class="video-js vjs-default-skin" controls autoplay="true" width="950" height="534"
      data-setup="{}">
    <source src="[var.base_url]/uploads/[var.video_play]" type='video/flv' />
  </video>

Это то, что я пытался отобразить эту переменную, но он говорит, что это = "0", когда на видеоплеере он говорит, что это 4min:

  <video id="vemvo-player" class="video-js vjs-default-skin" controls autoplay="true" width="950" height="534"
      data-setup="{}">
    <source src="[var.base_url]/uploads/[var.video_play]" type='video/flv' />
  </video>
<div id="duration"></div>
<script type="text/javascript">
    _V_("vemvo-player").ready(function(){
        var myPlayer = this;
        var howLongIsThis = myPlayer.duration();
        $('#duration').html('Duration: ' + howLongIsThis);
    });
</script>

Где моя ошибка?

Показать ещё 1 комментарий
Теги:
video
video.js

2 ответа

0

Вы можете попробовать это. Это сработало для меня.

var myPlayer = videojs('vemvo-player');

    if (myPlayer.readyState() < 1) {
        // wait for loadedmetdata event
        myPlayer.one("loadedmetadata", onLoadedMetadata);
    }
    else {
        // metadata already loaded
        onLoadedMetadata();
    }

    function onLoadedMetadata() {
        alert(myPlayer.duration());
        $('#duration').html("Duration: " + myPlayer.duration());
    }
Поделиться
0

Поскольку вы используете jQuery, это можно сделать намного проще :) Вы можете использовать $.html для редактирования содержимого html элемента dom. Ваш код будет выглядеть примерно так:

<div id="duration"></div>

<script type="text/javascript">
    _V_("vemvo-player").ready(function(){
        var myPlayer = this;
        var howLongIsThis = myPlayer.duration();
        $('#duration').html('Duration: ' + howLongIsThis);
    });
</script>
Поделиться
  • 0
    Это все еще говорит, что продолжительность равна 0. Как я могу показать реальную продолжительность?
  • 0
    что вы видите в консоли при howLongIsThis журнала howLongIsThis var?
Показать ещё 9 комментариев

Ещё вопросы

Сообщество Overcoder
Наверх
Меню