Как напечатать переменную JQuery в HTML? VideoJS

Question

Привет, я работаю над видеоплеер 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> 

Еще раз я хочу сказать, что у меня есть мой видеоплеер работает, но я не имею ни малейшего представления, как отобразить это значение в HTML.

Это то, что я попытался отобразить эту переменную, но это означает, что это = «0», когда на видеоплеере это означает, что это 4 минуты. Я знаю, что это должно показать результат в секундах, и это то, что я хочу, но до сих пор я могу отобразить эту переменную.

Так вот что я попробовал:

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

Где моя ошибка, и как весь мой код должен выглядеть? Спасибо заранее!

Answer 1

Поскольку вы используете 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>