Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/379.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript video.currentTime事件绑定有问题_Javascript_Html_Events_Video - Fatal编程技术网

Javascript video.currentTime事件绑定有问题

Javascript video.currentTime事件绑定有问题,javascript,html,events,video,Javascript,Html,Events,Video,我想在视频达到5秒或更长时间后触发一个事件,但代码有问题 HTML: <video id="video1" controls> <source src="media/video.m4v" type="video/mp4" /> <source src="media/video.webm" type="video/webm" /> <source src="media/video.ogg" type="video/ogg" />

我想在视频达到5秒或更长时间后触发一个事件,但代码有问题

HTML:

<video id="video1" controls>
    <source src="media/video.m4v" type="video/mp4" />
    <source src="media/video.webm" type="video/webm" />
    <source src="media/video.ogg" type="video/ogg" />
    <p> Your browser does not support the HTML5 video feature. </p>
</video>

不幸的是,这不是一个有效的代码,有人知道我哪里出错了吗

您得到的是
未定义的
,因为视频是jQuery对象,没有属性
currentTime
,所以您可以这样得到该值

video.get(0).currentTime

范例

 $(function () {

    var video = $('#video1');
    var time = 5;
    function init () {
        alert('Video is not available.');
    }

    video.on('timeupdate', function () {
        if (video.get(0).currentTime >= time) {
            init();
        }
    });

 });
this.currentTime
 $(function () {

    var video = $('#video1');
    var time = 5;
    function init () {
        alert('Video is not available.');
    }

    video.on('timeupdate', function () {
        if (video.get(0).currentTime >= time) {
            init();
        }
    });

 });