Videojs 通过视频显示当前时间

Question

我正在苦苦思索如何显示视频的当前视频位置并更新计时器。

我想让当前视频时间持续显示在div#time_count 我的代码是

            <link href="//vjs.zencdn.net/4.11/video-js.css" rel="stylesheet">
            <script src="//vjs.zencdn.net/4.11/video.js"></script>

            <video id="example_video_1" class="video-js vjs-default-skin" controls preload="auto" width="640" height="264"
              poster="http://video-js.zencoder.com/oceans-clip.png"
              data-setup='{"example_option":true}'>
             <source src="http://video-js.zencoder.com/oceans-clip.mp4" type='video/mp4' />
            </video>
            <div id="time_count"></div>
            <script>

            (function() {
                var myPlayer;
                var myTextArea = document.getElementById('time_count');

                videojs("example_video_1").ready(function(){

                    myPlayer = this;
                    myPlayer.play();
                    myPlayer.on("progress", onProgress);
                });


                function onProgress() {
                console.log(myPlayer.duration());
                  myTextArea.innerHTML = myPlayer.currentTime();
                  return false;
                }

            })();
            </script>

有什么想法吗？

Answer 1

在我添加评论后我找到了我应该使用 timeupdate 的解决方案，所以它将是 myPlayer.on("timeupdate", onProgress)

Videojs 通过视频显示当前时间

Videojs Display current time through out video

javascript

video