0

したがって、popcorn.js を使用して、脚注などを入力する div を指定します。ただし、上記の脚注に同じ div を使用しているビデオが複数ある場合、脚注がポップされている間にビデオを切り替えると、脚注が div に残り、次の要素が置き換えられるのではなく、その下に配置されます。.html(' ') を使用することはできません。すべての要素が実際には常にそこにあり、順番に表示および非表示になっているだけだからです。div全体を隠すこともできません。考え？

4

1 に答える 1

1

これを行うには、少なくとも2つの方法があります。

1つのオプションは、同じdiv内に2つのdivを作成することです。それぞれのdivにはCSSスタイルがposition: absoluteあり、親divには。がありposition: relativeます。2つのdivは互いにオーバーラップし、それぞれを異なるPopcornインスタンスのすべての脚注のターゲットにすることができます。2つのビデオを切り替えるときはdisplay: none、非表示のビデオのdivを設定し、表示のビデオのdivをクリアします。

私がこの種のものによく使うもう一つのトリックは、を使うこと.disableです。これにより、そのポップコーンインスタンスのすべての脚注が非表示になります。このようなもの：

function activateVideo(index) {
  if (activePopcorn) {
      activePopcorn.disable('footnote');
      //todo: make this video invisible.
  }

  activePopcorn = popcornInstances[index];
  activePopcorn.enable('footnote');
  //todo: make this video visible.
  //(don't forget to range check)
}

必要に応じて、をループしてすべてのプラグインを無効/有効にすることができますPopcorn.registryByName。

于 2012-11-28T09:24:00.423 に答える