Javascript 视频Js点击事件:如何不触发控制栏按钮
我不熟悉视频js,我想用它在我的网站上放一个视频播放器,我正在尝试在视频上添加自定义的“点击”事件(或移动设备的“点击”),以覆盖视频js播放器的自然行为。单击或点击视频时,我希望播放下一个视频,而不是播放/暂停视频 代码可以工作,但即使我单击控制栏上的按钮,其中有“播放”、“音量”、“全屏”等控制按钮,事件也会触发 如果您希望单击事件仅在用户单击视频时触发(而不是在控制栏的按钮上),是否还有其他事件名称可供使用,或者在事件函数中是否有要执行的测试,以测试在执行代码之前是否在控制栏上执行了单击以返回 目前我只有以下几点:Javascript 视频Js点击事件:如何不触发控制栏按钮,javascript,events,click,video.js,Javascript,Events,Click,Video.js,我不熟悉视频js,我想用它在我的网站上放一个视频播放器,我正在尝试在视频上添加自定义的“点击”事件(或移动设备的“点击”),以覆盖视频js播放器的自然行为。单击或点击视频时,我希望播放下一个视频,而不是播放/暂停视频 代码可以工作,但即使我单击控制栏上的按钮,其中有“播放”、“音量”、“全屏”等控制按钮,事件也会触发 如果您希望单击事件仅在用户单击视频时触发(而不是在控制栏的按钮上),是否还有其他事件名称可供使用,或者在事件函数中是否有要执行的测试,以测试在执行代码之前是否在控制栏上执行了单击以
var player = videojs('videojs-player', {}, function() {//some code} );
player.on('click', function() {
alert('video was clicked');
// do something
};
非常感谢您的帮助。您需要使用传递给单击处理程序的事件对象(
evt
,在下面的示例中)来标识用户在播放器上单击的位置
在下面的示例中,我们查看事件对象的target
属性,以确定哪个元素触发了事件。然后检查标记名称
属性。如果它不等于视频
我们将忽略单击
var player=videojs('videojs-player',{},function(){
//一些代码
});
在('click',函数(evt){
如果(evt.target.tagName==='VIDEO'){
log(“单击了视频”);
}
});代码>
< P类=“VJS No.JS”>查看此视频请启用JavaScript,并考虑升级到的Web浏览器