gpt4 book ai didi

javascript - 有没有一种简单的方法可以用 javascript/jquery 倒带 html 视频元素?

转载 作者:行者123 更新时间:2023-12-04 03:49:50 25 4
gpt4 key购买 nike

<分区>

我有一个视频需要在网站上展示。我不能让用户快进,但他们需要能够倒带。我在这里修改了示例:https://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_av_prop_controller

以下内容:

<!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>

有没有一种简单的方法可以从当前位置倒回视频?我想避免将整个库用于倒带功能。不过 jQuery 会很好。

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com