更改点击功能加载

时间:2015-10-12 09:16:46

标签: jquery css

主题/演示:http://prodo.create.rocks/

主页,在加载时有播放按钮,一旦你需要点击,视频播放声音并在底部显示退出按钮。一旦你点击退出视频声音变得静音。

如何反转过程,使用退出按钮进行视频加载,单击它后会显示播放按钮

$('#video-mode').click(function() {
    $(videoModeSelector).animate({
        opacity: 0
    }, {
        duration: 500,
        queue: false,
        complete: function() {
            if(!videoMode) {
                $('.slider').unmuteYTPVolume();
                $('<div />').appendTo('#intro').css({
                    position: 'absolute',
                    textAlign: 'center',
                    bottom: '30px',
                    color: '#FFF',
                    left: 0,
                    right: 0,
                    opacity: 0
                }).addClass('click-to-exit');
                $('<i />').appendTo('.click-to-exit').addClass('fa fa-volume-off');
                setTimeout(function() {
                    $('.click-to-exit').animate({
                        opacity: 1
                    }, {
                        duration: 500,
                        queue: false,
                        complete: function() {}
                    });
                }, 500);
            }
            videoMode = true;
            $(this).hide();
        }
    });
});

0 个答案:

没有答案