【jQuery】ムービーの動作設定について

Question

jQuery初心者です。
今度から実装を開始する案件で困っていることがありまして、
お力をお借りさせていただきたく質問をさせていただきます。

メインビジュアルに縦固定、横可変のムービーを置き、
以下の画像のような動作をさせるよう、指示をされているのですが、
この場合はどのようにjQueryを組むのがよろしいのでしょうか…。

自分でも調べてはみましたが、
jQueryが不慣れな上、動画を扱った実装経験も少ないため
困っております…。

スライドはbxsliderを使用する想定でございます。

何卒、ご教授の程お願い致します。

Answer 1

「jQueryが不慣れ」であれば質問にある画像に書いてあることを実現するのはかなり難しいと思います。

可変幅の動画再生/ポーズ、スクロールイベントの処理、スライダーとその表示コントロールがとりあえず必要なのですが･･･。制作会社に外注される事も検討されてはいかがでしょうか。

Comments

[mochiko]

kei344様、アドバイスくださり有難うございます。

やはり難しいですよね…。
調べてみたところ、それぞれ単体での実装であればどうにか出来そうかなと思うのですが、
その3つが組み合わされた場合、どうコードを組めばいいのかが分からない状態でして…。

外注を検討できないかという相談をしたのですが、まだ時間があるから勉強をしてどうにかしてほしいとのことで…。

私事の事情で大変申し訳ございませんが、少しでもアドバイスいただけると大変嬉しいです。
何卒よろしくお願い致します。

[kei344]

何がどうわからないのかわかりませんので、アドバイスのしようがありません。とりあえずコードを書いてみてから具体的にわからない部分を質問されたほうが良いと思います。

[mochiko]

kei344様
重ね重ね有難うございます…！
そうですよね。まずはやってみて、分からないところを明確に洗い出してみますね。失礼致しました。