javascript - 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');