0

モバイル デバイス用の HTML アプリケーション (PhoneGap で使用) を構築しており、idangero.us の swiper を使用してページ遷移を行っています。

ページの 1 つに html5 ビデオ タグがありますが、ボリューム スライダーを使用しようとするたびにスワイパーがアクティブになります。どうすればそれを回避できますか?

たとえば、次のことを考慮してください。

<div class="swiper-container">
    <div class="swiper-wrapper">
        <div class="swiper-slide">
            <video src="some_movie_url" controls></video>
        </div>
        <div class="swiper-slide">
            Foo
        </div>
        <div class="swiper-slide">
            Bar
        </div>
    </div>
</div>

その後：

new Swiper('.swiper-container', {speed: 250, freeMode: false});

ビデオ コントロールを機能させる「簡単な」方法はありますか? または、すべてのスワイプイベントをキャプチャして自分で処理する必要がありますか?

4

1 に答える 1

0

stopPropagation を使用して、ビデオ要素に「触れる」ときに Swiper イベントを簡単に防ぐことができます。

$('video').on('touchstart mousedown', function(e){
  e.stopPropagation()
})
于 2013-02-21T17:30:53.210 に答える