Popcorn.js淡入/淡出字幕

Question

我正在尋找一種方式，使用Popcorn.js在視頻中對字幕進行很好的淡入淡出。

就目前而言，它似乎只是使字幕內聯或不顯示的一個難題。

  start: function(event, options){ 
    options.innerContainer.style.display = "inline"; 
    options.showSubtitle(options, options.text); 
    }, 

    end: function(event, options) { 
    options.innerContainer.style.display = "none"; 
    options.innerContainer.innerHTML = ""; 
    }, 

我怎麼能管理這個？

謝謝！

Answer 1

你可以使用fadeIn（）和fadeOut jquery方法。將字幕放入div中並完成。

// Start 
$('#mysubtitleDIV').fadeIn('slow'); 

// End 
$('#imagediv').fadeOut('slow');