3

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 を使用すると、ビデオは引き続き表示され、固定されますが、再生されません。これを克服する方法を知っている人はいますか？

ありがとう

4

1 に答える 1

8

私は最近、ピン留めされた後にビデオが再生されないという同じ問題に遭遇しました。enter イベント ハンドラーで強制的にビデオを再度再生することで、この問題を回避できました。以下の擬似コードのようなものがうまくいくはずです。

.on("enter", function (event) {
    $('video').get(0).play();
 })
于 2015-02-19T01:22:49.717 に答える