滚动魔术钉和HTML 5视频标签

Question

我正在使用Scroll Magic JS。我的目标是拍摄我的HTML5视频（如下），并使用pin方法使其粘贴在背景中，同时文本在其顶部滚动。

<video preload="auto" autoplay="autoplay" loop="loop" id="bgvid">
    <source src="../../pictures/coding.mp4" type="video/mp4">
</video>

我的Javascript：

var scene_statement = new ScrollScene({triggerElement: "#trigger5", duration: 400})
                    .setPin("#bgvid")
                    .addTo(controller);

当我不包括javascript时，视频可以完美地工作（显然没有固定），当我在图像而不是视频上使用javascript时，固定可以完美地运行。

当我在视频中使用javascript时，视频仍然会出现，它会固定，但不会播放。有人知道如何克服这一点吗？

感谢

Answer 1

我最近遇到了同样的问题，视频在固定后无法播放。我已经能够通过强制在enter事件处理程序上再次播放视频来解决这个问题。像我下面的伪代码这样的东西应该可以做到这一点。

.on("enter", function (event) {
    $('video').get(0).play();
 })