如何添加背景视频停止按钮

Question

我用Google搜索了一整天但没有结果，然后我重新阅读了这个网站。

有谁能告诉我如何在背景视频中添加停止按钮？

html代码：

<div id="background" class="background">
            <video id="video_background" src="video.mp4" autoplay>
        <div class="overlay"></div>
    </div><!--/ background-->

css代码：

#video_background {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: -1000;
}

和网站链接：http://2gdmedia.com/dark

Answer 1

使用jQuery - 将停止视频的按钮或元素具有属性class ='stopElementClass'

$(function(){
    $('.stopElementClass').on('click', function(){
        $('#video_background').get(0).pause();
    }
});

退房 https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement