MP4動画を自動再生後、フェードアウトしてTOPページを表示したい

Question

今回は、とある機能を実装方法を教えていただきた書き込みを致しました。

現在本番公開前にお客様にテスト公開しているサイトがございます。

http://bit.ly/1IIFwDj

mp4の動画を再生させてから、こちらのTOPページを表示させたいというのが実装したい機能になります。

・スマートフォンからの再生も視野に入れつつ、スムーズに動画が再生できれば
・動画からTOPページの偏移についてもナチュラルにできれば
・できれば、現在のindex.htmlはいじらず、index2.htmlとし、動画再生のindex.htmlからの偏移という流れを想定しているが可能か

上記の注意点をふまえご教授の程お願いできませんでしょうか？

Answer 1

面白そうなので練習としてちょっと作ってみたのですが
sampleサイト
このようなものを実装したいのでしょうか？

手法としては単純でposition:fixedで配置した各要素をそれぞれタイミングを見計らってopacityを減らしてあげて最後にwindow.location.replaceでページを置き換えているだけです。

ただ、技術的なことはともかく商業ベースのHPの様なので
ご希望通りのものの場合
＊HPを訪れるお客様に毎回ムービーを見せるべきか？
＊SEO対策はどうするのか？
といった問題が生じてしまい、余計な手数が増えるような気がします。

Comments

[KHa]

gyojin さま

この度はご教授いただきましてありがとうございます！

まさしく実装希望通りの内容となっており、感激しております。

おっしゃるように、毎度のこととなるとうざったがられる可能性も否めませんし、ページが違うとSEO的にも微妙なところですね・・・。

本番運用についてはもう少し検討してみます＾＾

本当にどうもありがとうございましたm(_ _)m