Как отобразить значение Javascript / Jquery на странице HTML? VideoJs Показать продолжительность видео

0

Привет, я сейчас работаю над HTML5 JQuery видеоплеер. Здесь вы можете получить дополнительную информацию об этом проигрывателе HTML: http://www.videojs.com/docs/api/

Из этой ссылки вы можете видеть, что myPlayer.duration() - это функция, которая должна показывать видеоролик в секундах. И это я просто хочу отобразить это значение на простой HTML-странице, например, я пытаюсь использовать свой код.

Это мой код:

 <head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
</head>
  <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">
        var myPlayer = _V_("vemvo-player");
    _V_("vemvo-player").ready(function(){
        var howLongIsThis = myPlayer.duration();
        $('#duration').html('Duration: ' + howLongIsThis);
    });
</script>

Проблема с этим кодом заключается в том, что он показывает Duration: 0 когда продолжительность видеоданных далека от 0.

Мой видеоплеер работает okey, и он показывает правильность воспроизведения видео. Мой вопрос заключается в том, как я могу показать это значение в значении HTML-страницы?

С кодом выше, когда я отправляю var myPlayer = _V_("vemvo-player"); в _V_("vemvo-player").ready(function(){ function и я пытаюсь запустить консоль для запуска myPlayer.duration() она дает мне ошибку для неопределенной переменной, но когда var myPlayer = _V_("vemvo-player"); находится вне функции, такой как в моем посте, и я myPlayer.duration() в консоли, которая даёт мне время в секундах, как будто оно мне нужно.

Проблема в том, что я могу отобразить эту переменную как число на странице HTML. Я просто хочу отобразить это число на странице HTML.

Где ошибка в моем коде и как я могу это исправить?

Заранее спасибо!

  • 0
    Похоже, вы на самом деле спрашиваете, как снова запустить этот код после загрузки видео.
  • 0
    Я не знаю, нужно ли это, чтобы показать продолжительность? Как я могу отобразить эту продолжительность?
Показать ещё 3 комментария
Теги:

2 ответа

2 
<script type="text/javascript">
var myPlayer = _V_("vemvo-player");
_V_("vemvo-player").ready(function(){
   // Any ready/init code you want here
   $('#duration').html('Duration: ');        
});
myPlayer.addEventListener('loadedmetadata', function() {
    $('#duration').html('Duration: ' + myPlayer.duration);
});
</script>

Источник

Поделиться
  • 0
    Теперь он даже не показывает Duration: текст ...
  • 0
    Как я могу заставить весь этот скрипт работать так, чтобы продолжительность отображалась?
Показать ещё 6 комментариев
0

Вы пытались сохранить объявление переменной вне функции, но назначение внутри?

<script type="text/javascript">
    var myPlayer;
    _V_("vemvo-player").ready(function(){
        myPlayer = _V_("vemvo-player");
        var howLongIsThis = myPlayer.duration();
        $('#duration').html('Duration: ' + howLongIsThis);
    });
</script>
Поделиться
  • 0
    Это все еще говорит: Duration: 0

Ещё вопросы

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