我正在尝试对具有三个按钮的页面的一部分进行编程。每个按钮应淡出当前视频并开始播放与该按钮关联的视频。该视频应该一直播放,直到您单击另一个按钮,此时它淡出并暂停,新视频淡入并开始播放。我已经准备好淡入/淡出,但是在连接暂停和播放功能时遇到了一些问题。有任何想法吗?
这是我到目前为止的 jQuery:
$('.hover-text div[class^="slide"]').hover(
function () {
if (!$(this).hasClass('current')) {
$('.slides div').fadeOut();
};
var class = $(this).attr('class');
$('.slides div.' + class).fadeIn('slow');
$('div[class^="slide"]').removeClass('current');
$(this).addClass('current');
},
function () {
}
);
我找到了这个教程,但我不确定如何将该代码合并到我的中。