需要JavaScript中的帮助来更改和停止背景视频

在我的网站中，我有一个背景视频。现在我想添加两个按钮，一个停止视频/启动视频，另一个停止视频并用图像替换。 这是我的网站-

有人能帮我吗

---

谢谢

您需要一些这样的代码来按ID获取元素并用于播放/暂停

var vid = document.getElementById("myVideo"); 

function playVid() { 
    vid.play(); 
} 

function pauseVid() { 
    vid.pause(); 
}

HTML可以是[href]：

<a href="javascript:void(0);" onclick="playVid()">Play</a>
<a href="javascript:void(0);" onclick="pauseVid()">Pause</a>

---

您需要创建两个按钮并根据需要设置它们的样式，但以下是启动/停止视频所需的代码：

var vid = document.getElementById("myVideo"); 
function displayPoster() {
    vid.load();
}

// assuming we're inside of your click listener callback
var video = document.querySelector('video');
if (video.playing) {
    video.pause() // will bring the video to a halt
    video.currentTime = 0; // brings it back to the beginning 
} else {
    video.play();
}

以下是用图像替换视频所需的代码：

// assuming we're inside of your click listener callback
var video = document.querySelector('video');
var newImage = document.createElement('img');
newImage.src = 'source-of-your-image.jpg';
video.parentNode.insertBefore(newImage, video); // inserts img into DOM
video.parentNode.removeChild(video); // removes the video

---

请再次检查：）如何隐藏和编辑视频em显示图像？图像应该与视频当前帧相关？是的，它也可以是@PrusseIt正在工作，但是如果我想在用图像替换后暂停的地方再次播放视频，那么我该怎么办？只需删除以下行：

video.currentTime=0我已经删除了该行，但在显示图像后，我想从停止的位置再次播放视频。我该怎么做？你必须设置一个顶级变量来存储视频的位置<代码>视频位置和暂停的位置（
video.pause（）
）do
videoPosition=video.currentTime
当您想从原来的位置再次播放视频时，只需将视频设置为当前时间：
video.currentTime=videoPosition从您的代码中，当我单击BB按钮将图像替换为其删除视频属性时。现在我想再次当我点击按钮，它将播放视频。请帮我做那件事。