将当前视频时间获取到Div中，并将回显值转换为div

Question

我的页面上有一个视频，我想在单击某个div时以数字形式获取当前的播放时间。然后该值将回显到另一个div 中。

这是我的剧本——

$(document).ready(function(){
$("#video-preview").on(
"timeupdate", 
function(event){
onTrackedVideoFrame(this.currentTime, this.duration);
});
});
function onTrackedVideoFrame(currentTime, duration){
$("#current").text(currentTime); //Change #current to currentTime
$("#duration").text(duration);
$ctime = $("#current").text(currentTime);
}
$(function() {
$('#pt1').click(function() {
var value = $("#current").text;
var input = $('#pic-time1');
input.val(input.val() + value + ', ');
return false;
});
});

而相关的div——

<div id="current">0:00</div>
<div id="duration">0:00</div>
<div id="pt-1-clic"><a id="pt1">SET THIS TIME FOR PICTURE 1</a></div>
.....
<input type="text" name="pic-time1" id="pic-time1" class="" value="" />
.....

到目前为止，我几乎可以正常工作，但值没有正确出来 -

...function (a){return J(this,function(a){return void 0===a.....

我错过了什么？

Answer 1

我设法让它在这个小提琴的帮助下工作——

小提琴

使用下面的 html 和脚本，我可以在单击按钮或链接时回显div 或输入字段中的值 --

<video id="home_explainer_placeholder" class="video_placeholder" controls>
<source src="http://www.quirksmode.org/html5/videos/big_buck_bunny.mp4" type="video/mp4">
</video>
<div>Current Time : <span  id="currentTime">0</span></div>
<div>Total time : <span id="totalTime">0</span></div>
<div> Remaining: <span id="remainingTime">0</span></div>
<input id="recordtime" type="text" />
<input type="button">
<div id="recordtime2">
0
</div>
<a id="click">Echo time in div</a>

脚本

$(function(){
$("#home_explainer_placeholder").on(
"timeupdate", 
function(event){
onTrackedVideoFrame(this.currentTime, this.duration);
});
});

function onTrackedVideoFrame(currentTime, duration){
$("#currentTime").text(currentTime);
$("#totalTime").text(duration);
$("#remainingTime").text(duration-currentTime);
// Button click
$('input:button').click(function () {
$("#recordtime").val(currentTime);
});
// Link click
$('#click').click(function () {     
$("#recordtime2").text(currentTime);
});
}