2

jQueryを使用してHTML5ビデオプレーヤーに取り組んでいます。今のところ、ビデオプレーヤーは非常にうまく機能していますが、ビデオの長さの変数を取得し、純粋な 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>

これは私がこの変数を表示しようとしたものですが、ビデオ プレーヤーで 4 分と表示されているのに = "0" と表示されています。

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

私の間違いはどこですか？

4

4 に答える 4

1 
var player = videojs('my-video', {
    fluid:false, // videojs settings
    controls:true,
    height: '300'          
  });
$(document).ready(function(){
  console.log(player.duration()); 
 // will return video duration. Can't be used while page is loading.

  console.log(player.currentTime()); 
 // will return current time if video paused at some time. Intially it would be 0.

});
于 2019-10-16T10:22:01.310 に答える