主题/演示: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();
}
});
});