如何实现当前时间

时间:2013-07-03 21:19:48

标签: video web video.js

我试图使用当前时间功能让我的video.js播放器在特定时间播放。

我已将此直接放入html文件中,但当我在浏览器中打开文件时,视频仍然从头开始。我错过了什么?

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>


     <script>
        videojs("example_video_1").ready(function(){
            var myPlayer = videojs.setup("example_video_1");

            // EXAMPLE: Start playing the video.
            myPlayer.currentTime(200);
            myPlayer.play();

        });
  </script>

编辑:包含结束脚本标记和jquery库...仍然无法正常工作

编辑:如果你想看video.js请在这里下载: http://www.videojs.com/downloads/video-js-4.1.0.zip

2 个答案:

答案 0 :(得分:1)

尝试添加事件监听器。

document.getElementById("myVideo").addEventListener('loadedmetadata', function() {
    this.currentTime = 29;
  }, false);

这适合我。

答案 1 :(得分:0)

videojs api中没有“setup”功能。您应该检查您的视频是否可搜索,然后您应该修改初始化代码。

  1. 你应该确保它与视频js有关,而不是你的视频文件/浏览器/等。

    <script>
      var video = document.getElementById("example_video_1");
      video.currentTime = 200;
      video.play();
    </script>
    
  2. 如果上述方法有效,那么正确的做法就是:

    <script>
      videojs("example_video_1", {}, function() {
        this.currentTime(200);
        this.play();
      });
    </script>