HTML5视频OnComplete下一张幻灯片Reveal.js

Question

有没有人知道是否可以将HTML5视频与演示文稿javascript，Reveal.js连接起来，这样如果我在一张幻灯片上播放视频，那么当该视频完成后，它会自动进入下一张幻灯片？

Reveal.js拥有自己的eventHandler

Reveal.addEventListener( 'customevent', function() {
    console.log( '"customevent" has fired' );
} );

但我找不到任何关于幻灯片中的元素是否可以触发nextSlide功能的具体文档。

Answer 1

所以......这是解决方案，或者至少是我提出的答案。

您有一系列作为幻灯片的SECTIONS，以及其中一张幻灯片中的视频。

在这张幻灯片中，您需要添加以下脚本：

<script>
     var video = document.getElementById("myVideo");
     video.onended = function(e) {
          Reveal.next();
     }
</script>

确保使用ID标记标记视频元素，然后在此脚本中调用该ID标记。 Reveal.next（）是内置API的一部分，它将自动进行幻灯片放映。