Javascript <；视频onclick>；在Firefox中

HTML视频元素上的Javascript onclick无效

编辑：在Firefox中（66.0.5（64位））不工作。在铬（74.0.3729.131）作品中。
控制台中没有错误

当视频点击/启动时，我会在div框中输入一个文本（视频长度等待）

函数myfunction（）{
console.log（“onclick”）；
document.getElementById（“videotextbox”）.innerHTML=“VIDEO-INFO”；
}

您的浏览器不支持HTML5视频。

替代解决方案：

使用HTML音频/视频DOM结束事件

var myvideo = document.getElementById("videoid");
myvideo.onended = function() {
  document.getElementById("videotextbox").innerHTML = "VIDEO-INFO";
};

---

这是因为

控件。当用户单击MediaElements的控件时，浏览器不会显示

您可以尝试从Chrome中单击播放按钮或时间线，您将看到单击事件实际上已停止

在Firefox中，这些控件覆盖了整个视频元素，因此，您的元素上没有任何点击事件。
（从技术上讲，Chrome也是如此，我怀疑这是他们制作最新播放器的时候）

因此，如果您确实需要单击事件，则不要设置
控件
属性：


document.querySelector（'video'）。onclick=e=>
console.log（'clicked'）
您遇到了什么错误？你检查控制台日志了吗？你的代码运行正常。你一定还有别的问题。看到这里有什么问题了吗？是的。我已经完全检查了你的代码。我认为还有其他问题。请检查控制台，找出mozilla中的问题，它不工作，但在chrome中代码工作正常。“MediaEvents”是解决方案。但是，为什么结尾是“暂停”而不是“结束”？@suka因为我没有为结束的事件包含一个侦听器。