如何在Firefox中禁用视频的单击和双击控件
How to disable click and double click controls for a video in Firefox?
我有一个视频(<video id="video" controls src="foo.webm"></video>
),用这个视频我有一组onclick
和ondblclick
。在Chrome上,这很好,但在Firefox上,他们的"点击切换播放状态"answers"双击全屏"会干扰我设置的代码。有没有办法从Javascript中禁用这些"功能"?
我尝试过event.preventDefault()
和return false
,但它们对ondblclick
根本不起作用,部分对onclick
起作用。部分工作,这意味着他们完全禁用了所有控制,你甚至不能点击视频左下角的播放/暂停按钮来播放/暂停。
HTML
<div class="videocontainer">
<div class="close">X</div>
<video id="video" controls src="foo.webm"></video>
</div>
JavaScript
var video = document.getElementById('videocontainer');
video.onclick = function(ev) {
ev.preventDefault(); //Disables all click events, including play/pause button
if (ev.target.getAttribute('class') === close) closeVideo(); //if you clicked the close button it will close the video
return false; //Disables all click events, including play/pause button
};
video.ondblclick = function(ev) {
ev.preventDefault(); //doesn't change anything
if (ev.target.nodeName.toLowerCase() === 'video') popoutVideo(); //if you double clicked the video itself it will make the video fixed at the bottom right of the screen
return false; //doesn't change anything
};
我刚刚添加了controlsList="nofullscreen";属性<video id="vd" src="video.mp4" disablePictureInPicture controls controlsList="nofullscreen"></video>
相关文章:
- 双击泛光灯单击
- 如何在Firefox中禁用视频的单击和双击控件
- 当单选按钮的标签可单击时双击
- 覆盖单击时关闭菜单需要双击而不是单击
- 如何避免在浏览器 JavaScript 中双击时(单击鼠标)处理
- 使用双击事件时如何取消单击事件
- 浏览器后退按钮 单击到双击使用 JavaScript
- 双击时设置内容可编辑 - IE 不允许编辑,除非再单击一次
- 如何在 javascript 中的同一元素上应用长单击事件和双击事件
- 如何通过双击而不是单击触发链接(标签)
- 只需单击标签即可双击
- 单击时添加几行,双击删除添加的行
- 有没有办法将所有双击事件绑定到jQuery / JavaScript中的单击等效项
- jQuery 单击仅在双击时才有效
- 容器导航下拉列表的单击问题(需要双击才能下拉)
- jQuery将数据从单击事件传递到双击
- 动画在双击而不是单击时工作
- 如何在'单击'和'双击'在相同的元素上
- 在同一个元素中使用Javascript、单击、双击和拖动
- 使我的点击双击事件工作