Смена видео-фона при нажатии

[saha300000]

Кто знает, как добавить кнопку при которой видео-фон будет меняться на картинку и обратно?

По примеру world of warships:

 

Скрипт видео-фона:           

$(document).ready(function(){

    var controls = {

        video: $("#video_background"),

        lol: $("#lol")

    };

                

    var video = controls.video[0];

    controls.lol.click(function(){

        if (video.volume==1) {

             video.volume=0; 

             $(this).removeClass("fa fa-play");

            $(this).addClass("fa fa-pause"); 

        } else {

             video.volume=1;

            $(this).removeClass("fa fa-pause"); 

             $(this).addClass("fa fa-play"); 

        }

        

    });

});

<div id="controls" >

                 <i class="fa fa-pause fa-3x paused" id="lol"></i>

        </div>

[antonKar]

$(this).removeClass("fa fa-play");$(this).addClass("fa fa-pause"); 

Лол.

 

Так вы скрывайте блок с видео и показывайте блок с фоном, какие проблемы? Да и паузить видео было бы лучше, чем звук в 0 уводить.