Javascript HTML5视频书签-点击并播放时存储当前时间

我正在使用jquery为视频创建书签部分。这目前是静态的

单击后，我将在div中添加带有CurrentTime的链接。然后，您可以单击附加的链接从该位置播放视频（例如，第5秒）

目前，我正在使用单击函数内部的单击函数，这不是一个好方法。如果我移除外部的第二个函数，那么它将无法工作，因为它无法找到值

有人能提出一个更好的方法来实现这一点吗？我已经创建了一个代码的小提琴链接

Js小提琴链接-

HTML

<a href="javascript:;" class="getTime">Bookmark</a>
<div class="bookmarkList"></div>

JS

var myVid = document.getElementById('videoElement');

$('.getTime').on('click', function() {
    var mycurrentTime = myVid.currentTime;
    $(".bookmarkList").append("<a href='javascript:;' rel='" + mycurrentTime + "' class='bookmarkLink'>" + mycurrentTime + "sec How to get wealth?</a>");

    $('.bookmarkList a').click(function(){
        myVid.currentTime = $(this).attr('rel');
    });
});

var myVid=document.getElementById（'videoElement'）；
$（'.getTime'）。在（'click'，function（）上{
var mycurrentTime=myVid.currentTime；
$（“.bookmarkList”）。追加（“”）；
$（'.bookmarklista'）。单击（函数（）{
myVid.currentTime=$（this.attr（'rel'）；
});
});

如下更改您的Js

var myVid = document.getElementById('videoElement');

$('.getTime').on('click', function() {
    var mycurrentTime = myVid.currentTime;
    $(".bookmarkList").append("<a href='javascript:;' rel='" + mycurrentTime + "' class='bookmarkLink'>" + mycurrentTime + "sec - Click to Play</a>");
});

$(document).on('click', ".bookmarkList a", function() {
    myVid.currentTime = $(this).attr('rel');
    myVid.play();
});

var myVid=document.getElementById（'videoElement'）；
$（'.getTime'）。在（'click'，function（）上{
var mycurrentTime=myVid.currentTime；
$（“.bookmarkList”）。追加（“”）；
});
$（文档）.on（'单击'，“.bookmarklista”，函数（）{
myVid.currentTime=$（this.attr（'rel'）；
myVid.play（）；
});

---

希望这能帮助您

完美工作！谢谢普拉文：）