кнопка должна появиться в точное время

Question

<form method="post" action="<?php echo base_url();?>Students/introduction" style="float: left;">

<video id="lesson" width="640" height="360" controls>

<source src="/elearning/assets/videos/lesson.mp4" type="video/mp4">



</video> <br>

<input style="display: none;" type="submit" id="btn4d" value="Proceed" class="btn btn-primary btn3d pull-right">

    </form>


<script type="text/javascript" src="//code.jquery.com/jquery-1.10.2.js"></script>

<script type="text/javascript">
$(function() {
  $("#lesson").on("timeupdate", function() {
    var videoElem = this;
    console.log(videoElem.duration);
    $('#btn4d').toggle(parseInt(videoElem.duration - videoElem.currentTime) <= 30);
  });
});
</script>

приведенный выше код является моим представлением, когда пользователь быстро пересылает видео, кнопка всплывает, но мне нужно, чтобы она появлялась в определенное время c, может быть, 1 мин 14 секунд. Если кто-то пропустит это время кнопка не должна показывать это поможет предотвратить быструю пересылку без завершения видео. спасибо

Answer 1

Сначала загрузите всю страницу после загрузки всей страницы, после этого загрузите этот скрипт.