有没有用JavaScript/jQuery倒带html视频元素的简单方法？
我有一个视频需要在网站上展示。我不能允许用户的快进它，但他们需要能够倒带它。我修改了这里的示例:https://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_av_prop_controller
致下列人员:
null
html lang-html prettyprint-override"><!DOCTYPE html>
<html>
<body>
<video id="myVideo" width="320" height="176" onclick="playOrPause();" oncontextmenu="return false;" controls >
<source src="https://www.w3schools.com/tags/mov_bbb.mp4" type="video/mp4">
<source src="https://www.w3schools.com/tags/mov_bbb.ogg" type="video/ogg">
Your browser does not support HTML5 video.
</video>
<div>
<input type="button" id="btnRewind" name="btnRewind" value="Rewind" onclick="rewindVideo();" />
<input type="button" id="btnPlay" name="btnPlay" value="Play" onclick="playVideo();" />
<input type="button" id="btnPause" name="btnPause" value="Pause" onclick="pauseVideo();" />
</div>
<script>
var video = document.getElementById("myVideo");
function playOrPause() {
if (video.paused) {
playVideo();
} else {
pauseVideo();
}
}
function playVideo() {
video.play();
}
function pauseVideo() {
video.pause();
}
function rewindVideo() {
//video.currentTime -= 0.5;
video.playBackRate = -2;
video.play();
}
</script>
<p>Video courtesy of <a href="https://www.bigbuckbunny.org/" target="_blank">Big Buck Bunny</a>.</p>
</body>
</html>
null
有没有一种简单的方法可以将视频从当前位置倒带？我希望避免将整个库用于倒带函数。不过，jQuery会很好。
共有1个答案
如何用js将“video”元素倒带2秒:
function Rewind() {
var myVideo = document.getElementById("myVideo");
myVideo.currentTime = myVideo.currentTime -2; }
如何用js快进一个“video”元素2秒:
function FastForward() {
var myVideo = document.getElementById("myVideo");
myVideo.currentTime = myVideo.currentTime +2; }
-
我想根据元素的数据集过滤元素。我创建了一个小提琴来显示我所处的位置：这里，但如你所见，当我选择“红色”时，它只是隐藏了“红色”项，而不是其他项。就像“黄色”一样，它不会做任何事情。 下面是脚本： 多谢！
-
问题内容： 在命令提示符下运行项目时，出现以下错误 我收到以下错误 来源：com / javavids / jaxb / sitemap / UPM / Test.java 来源：com / javavids / jaxb / sitemap / UPM / ObjectFactory.java 来源：com / javavids / jaxb / sitemap / main / Main.ja
-
问题内容： 我目前正在使用这段代码来呈现列表： 但是，该元素在某些浏览器上引起一些非常小的渲染缺陷。我想知道是否可以在没有div容器的情况下执行ng- repeat，或者通过其他方法来达到相同的效果。 问题答案： 正如Andy Joslin所说，他们正在研究基于注释的ng- repeats，但显然存在太多浏览器问题。幸运的是，AngularJS 1.2添加了对重复的内置支持，而无需使用新的指令和添
-
问题内容： 我的HTML中有1个按钮和一些文本，如下所示： 当用户单击按钮时，中的内容将成为以下预期结果： 谁能帮我如何编写javascript函数？谢谢。 问题答案： 尽管这是一个非常棘手的解决方案，但由于它仍然是公认的答案，因此我将Gabi的代码合并到其中，而我自己的代码将成为一个不好的例子。
-
问题内容： 上面显示了以下错误： 因此，我必须这样做： 但是，没有简单的方法可以做到这一点吗？ 问题答案： 要删除列表中元素的首次出现，只需使用： 请注意，它不会删除所有出现的元素。为此使用列表理解。
-
本文向大家介绍jquery简单倒计时实现方法，包括了jquery简单倒计时实现方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了jquery简单倒计时实现方法。分享给大家供大家参考，具体如下： 希望本文所述对大家jQuery程序设计有所帮助。
-
问题内容： 最近，我一直在做很多模态窗口弹出窗口，而我没有使用jQuery。我用来在页面上创建新元素的方法绝大多数都是这样的： 但是，我感到这不是执行此操作的最佳或最有效的方法。从性能的角度来看，在jQuery中创建元素的最佳方法是什么？ 问题答案： 我使用基准测试表明该技术是最快的。我推测这是因为jQuery不必将其标识为元素并创建元素本身。 您应该真正使用不同的Javascript引擎运行基准
-
本文向大家介绍cmake 没有包的简单方法，包括了cmake 没有包的简单方法的使用技巧和注意事项，需要的朋友参考一下 示例 构建可执行文件（编辑器）并将其链接到库的示例（突出显示）。项目结构简单明了，每个子项目都需要一个主CMakeLists和一个目录： 母版CMakeLists.txt包含全局定义，并add_subdirectory针对每个子项目进行调用： 库的CMakeLists.txt分配