Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/372.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 使用jquery添加不使用html5视频播放器的类_Javascript_Jquery_Html_Video_Html5 Video - Fatal编程技术网

Javascript 使用jquery添加不使用html5视频播放器的类

Javascript 使用jquery添加不使用html5视频播放器的类,javascript,jquery,html,video,html5-video,Javascript,Jquery,Html,Video,Html5 Video,我有一个简单的视频块,在视频结束时我会显示某些gif 问题: 现在,当用户暂停视频时,gif也会显示,这意味着当视频结束时,gif现在会显示,当我再次播放视频并暂停gif显示的视频时 做 我希望当用户暂停视频时,gif不应显示,这意味着gif应仅在视频结束时显示 这是我的解决办法 HTML 不幸的是,当我点击“暂停视频”按钮时,我的GIFF仍会出现 我做错了什么 我认为出现问题是因为元素“gif data”是动态创建的。尝试在父静态元素中查找元素 $('#video-block').fi

我有一个简单的视频块,在视频结束时我会显示某些gif

问题:

现在,当用户暂停视频时,gif也会显示,这意味着当视频结束时,gif现在会显示,当我再次播放视频并暂停gif显示的视频时

我希望当用户暂停视频时,gif不应显示,这意味着gif应仅在视频结束时显示

这是我的解决办法

HTML

不幸的是,当我点击“暂停视频”按钮时,我的GIFF仍会出现


我做错了什么

我认为出现问题是因为元素“gif data”是动态创建的。尝试在父静态元素中查找元素

    $('#video-block').find("#gif-data").addClass("hidegif");

这应该行得通。

我认为出现问题是因为元素“gif data”是动态创建的。尝试在父静态元素中查找元素

    $('#video-block').find("#gif-data").addClass("hidegif");

这应该行得通。

这是一篇几个月前的文章,但根据我的经验,
addEventListener
并不总是适用于Jquery,但是
.on
事件是有效的。因此,当您在收听结束事件时,请使用
.on
执行此操作,并在其内部编写showGif函数。

这篇文章已经发布了几个月,但根据我的经验,
addEventListener
在Jquery中并不总是有效,但
.on
事件有效。因此,当您在收听结束事件时,请使用上的
,并在其中写入showGif函数。

@rorymcrossan hi,您的意思是我应该使用暂停事件而不是结束?但我只想在结束时展示,这是我的现场演示啊,对不起,我以为你想用另一种方式来解决我的问题,那么我需要做些什么来解决我的问题呢?如果没有看到一个有效的示例,我们真的无法提供帮助(你的链接根本没有把问题说清楚)。
end
事件应该可以正常工作。如果在暂停视频并等待4seks时检查链接,gif将显示,但我只想在4秒后视频结束时显示seks@RoryMcCrossan嗨,你是说我应该使用暂停事件而不是结束?但我只想在结束时展示,这是我的现场演示啊,对不起,我以为你想用另一种方式来解决我的问题,那么我需要做些什么来解决我的问题呢?如果没有看到一个有效的示例,我们真的无法提供帮助(你的链接根本没有把问题说清楚)。
end
事件应该可以正常工作。如果在暂停视频并等待4秒时检查链接,gif将显示,但我只想在视频在4秒后结束时显示
.hidegif{
    display: none;
}
    $('#video-block').find("#gif-data").addClass("hidegif");