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