呼叫点击事件

Question

主题中有预定义的代码， 我只是根据要求进行编辑，工作正常 我知道这不是一个好方法， 如果单击网站上的任何位置，如何将播放视频静音。 我非常感谢你的帮助。

var videoMode = false, videoModeSelector = '#intro .mouse, #intro .content, .slider.fullscreen .overlay';
            $( window ).load( 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( );
                } } );
            } );

            $that.click( function( evt ) {
                if ( videoMode && $( evt.target ).is( '.fa-volume-off' ) ) {
                    $( '.slider' ).muteYTPVolume( );
                    $that.find( '.click-to-exit' ).animate( { opacity: 0 }, { duration: 500, queue: false} );
                    $( videoModeSelector ).show( ).animate( { opacity: 1 }, { duration: 500, queue: false, } );
                    videoMode = true;
                }
                else{
                    $( videoModeSelector ).animate( { opacity: 0 }, { duration: 500, queue: false, complete: function( ) {
                    $( '.slider' ).unmuteYTPVolume( );
                    $( '.click-to-exit' ).animate( { opacity: 1 }, { duration: 500, queue: false} );
                    videoMode = true;
                    } } );
                }
            } );