フレームを使用して360ビデオエフェクトを作成するにはどうすればよいですか？

Question

CONTEXT

我々はhereを実施してきたものと同様の効果を作成します。私はしかし、360ページのビデオをより長いページのヒーロー要素として動作させることを目指しています。 here行われているように

PROBLEM

は、私は360のビデオのためにこれまでに見つけた最良の解決策は、MozillaのAFRAMEを使用することです。しかし、私が反対する問題は、長いページに<a-scene></a-scene>を追加すると、残りのページが壊れて、下にある要素を見ることができなくなってしまう（DOM内にあると思う）ということです。私が見つけた1つの解決策は、別のページにa-sceneを配置し、それをページのiframeに表示することでした。 iframeの横にスクロールするとうまく動作しますが、スクロールはiframe内では機能しません。

このスクロールの問題の典型的な解決策は、overflow: hiddenを使用していると言いますが、これは機能しませんでした。私は、360度のビデオをマウスで動かすことができます。親ページ。

Answer 1

https://aframe.io/docs/0.4.0/components/embedded.html

シーン要素のスタイルを設定後、埋め込まれたコンポーネントを使用してください。

<a-scene embedded>