根据视频计时器倒计时控制（显示）htmléléments

Question

我有html元素，我想根据我的视频计时器显示，我不知道如何实现它。有人可以帮助我度过难关吗？

Answer 1

你在使用什么牌手？

对于HTML5播放器试试这个

$('#videoContainer').on('timeupdate', function () {
  // Get current time and make it proper
  var currentTime = this.currentTime.toFixed(2);

  // Compare time to disired
  if (currentTime > 2.12) {  
    // Show div
    $('#box').show('slow');
  }

});

#box {
  width: 100px;
  height: 100px;
  background-color: #333;
  margin: 30px;
  color: #fff;
  display: none;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<video width="300" height="150" controls="" id="videoContainer">
  <source src="http://clips.vorwaerts-gmbh.de/VfE_html5.mp4" type="video/mp4"/>
</video>

<div id="box"></div>

对于youtube播放器，请使用它的API和getCurrentTime()方法。