个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
28
4
我使用 pause() 来停止视频。由于某种原因，这在 chrome 中不再有效 - 视频短暂停止但随后继续播放，我完全迷失了我的错误所在。
几个月前，我开发了一个脚本，使用 pause() 来控制视频播放。一切正常(并且仍然适用于 Firefox)但由于某种原因它在过去两个月的某个地方停止了在 chrome 中的工作。我已将其完全剥离为几行代码，但我的 pause() 函数在 Ubuntu 18.04 上的 Chromium 和 Windows 7 上最新的 Chrome 中仍然无法正常工作。
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script language="JavaScript">
$( document ).ready(function() {
var vid = document.getElementById("videoplayer");
$( "#videoplayer" ).click(function(e) {
vid.pause();
});
});
</script>
</head>
<body>
<video width="1280" height="960" controls id="videoplayer">
<source src="video.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</body>
(我知道这是 DOM 和 jquery 的有点难看的混合体，因为我在其余大部分脚本中使用 jquery，但这应该不是问题，不是吗？)。
最佳答案
我不能告诉你发生了什么变化，但是添加 e.preventDefault 可以修复它:
$( "#videoplayer" ).click(function(e) {
e.preventDefault(); // <=====================
vid.pause();
});
一般来说，如果您已经“处理”了某事，您希望阻止其默认操作。
我的猜测是，当您点击视频时，Chrome 实现了切换暂停/播放的默认操作。因此您的代码会暂停，然后 Chrome 会将其切换回播放。
在这种情况下，允许默认值而不是显式暂停可能是值得的，也许通过引入超时:
$( "#videoplayer" ).click(function(e) {
if (!vid.paused) { // Check that video is playing when clicked
setTimeout(() => { // V. brief timer to allow default action to occur
if (!vid.paused) { // Is it still playing?
vid.pause(); // Pause it
}
}, 0);
}
});
关于javascript - 为什么视频的 .pause() 不再适用于 chrome？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/55549847/
28
4
0
我最近更新了 ADT 插件，我的整个 Eclipse-Android 构建系统都停止工作了。从那以后，我尝试了我在互联网上可以找到的所有关于如何解决这个问题的方法。徒然。如果有人有确定的方法来解决此问
我已经知道有类似的话题，但对我来说没有任何帮助...... 这里是信息: 该应用程序始终在模拟器和设备上运行。我最近将该项目重命名为另一个名称。仍然工作得很好。今天我意识到它没有更改文件夹名称，然后它
在装有El Capitan的MacMini上，我无法再进行冲泡了。我收到以下错误: /usr/local/Library/Homebrew/config.rb:34:in `initialize':
是的，所以我不知道发生了什么。我一直在编写一个 AJAX 评论脚本，并且它可以工作，但它不再工作了。我从备份中恢复了它，以防万一我改变了任何东西，但没有运气。它转到表单的“操作”而不是 jQuery，
请原谅我的无能...我正在尝试在全局 var 阶段不再未定义后使用 Proxy 执行一些代码。这是我天真的尝试: ``` var stage = undefined let myObj; let st
我对 segues 了解不多，但我已经开始工作了..但突然间它不再工作了...... 我的代码似乎可以工作，但没有发生 segue: NSLog(@"login started"); if ([use
我已将以下重写规则添加到我的 web.config 中。它运行良好，阻止了所有提及的推荐垃圾邮件站点。然而，今天我突然注意到 social-buttons.com 突然出现在我的 Google Ana
在 C++ 中，可以在翻译单元中使用 static 关键字来影响符号(变量或函数声明)的可见性。 在 n3092 中，这已被弃用: Annex D.2 [depr.static] The use of
升级到 com.crashlytics.sdk.android:crashlytics:2.7.1@aar 后(从 2.6.8 开始)，我无法再在 Firebase 应用中禁用 Crashlytics
您好，我遇到了一些障碍，我一直在为我的应用程序重新设计菜单导航。我设法做到了。但现在我的应用程序的一项功能已决定停止运行。 想法是你摇动你的手机，它会随机选择一张图片，与应用程序分开的代码工作正常，就
我有一行(容器)包含三个元素，我想水平显示它们之间的间距相等(并且行的左侧或右侧没有空格)。我正在使用带有 justify-content:space-between 的 flexbox。 这是在 F
直到最近，我才能够在 Windows 上使用 python 3.6.7 时安装 tensorflow 1.5.0 包。现在我不能，从下面的“来自版本”的消息来看，似乎根本没有可用的 tensorflo
不确定是否与最近的更新有关，但我突然无法在 Android Studio 编辑器中获得单行间距。如果我尝试将它更改为 1，它让我设置它，但当我按下“应用”时，它会迅速恢复为 1.5。用不同的字体试过，
我遵循了有关如何在 macOS 上安装 pip 的在线说明(例如 this、this 和 this)。 我看起来很简单，但它不适合我。 我的 python --version 是 2.7.10。 当我
Due to rounding errors, most floating-point numbers end up being slightly imprecise. https://www.flo
我试图让用户从他们在 Android 上的库中选择一张图片。但是当我使用 PictureChooser 插件时，它似乎不再起作用了 我看到这段代码可以工作，但现在不行了，我也不知道为什么。
自 .NET 4.5 起，Exception.HResult 的 setter/getter 现在是 public，但它曾经是 protected。 来自 MSDN: Starting with th
今天去处理一个较旧的 Python2.7 AppEngine 标准项目，但我似乎无法让端点工作。我下载了示例代码，看看我的项目是否是罪魁祸首，但该示例也不起作用。 https://cloud.goog
我是一名优秀的程序员,十分优秀！