bxSliderにて、アクティブスライダーが動画なら表示時間を変更したい！

Question

やりたいこと

bxsliderにて、画像・動画を使用しているスライダーを作成したいと思っております。
画像なら、スライダーの停止時間を3秒、動画なら6秒といった具合に停止時間を変更したいです。

現在のコード

<ul class="video_slider">
	<li>
		<video src="〇〇_1.mp4" autoplay muted loop playsinline></video>
	</li>
	<li>
		<img src="〇〇.png" alt="">
	</li>
	<li>
		<video src="〇〇_2.mp4" autoplay muted loop playsinline></video>
	</li>
	<li>
		<video src="〇〇_3.mp4" autoplay muted loop playsinline></video>
	</li>
</ul>

jQuery(function ($) {
	var pause_time = 3000

	$('.video_slider').bxSlider({
		auto: true,
		pager: false,
		controls: false,
		infiniteLoop: true,
		pause: pause_time,
		onSlideBefore: function ($slideElement, oldIndex, newIndex) {
			const videos = $slideElement.parent().find('video');
			videos.each(function (index, element) {
				$(element).get(0).pause();
				$(element).get(0).currentTime = 0;
				console.log(pause_time);
			});
		},
		onSlideAfter: function ($slideElement, oldIndex, newIndex) {
			const video = $slideElement.find('video');
			if (video.length) {
				video.get(0).play();
				pause_time = 6000;
			} else {
				pause_time = 3000;
			};
		},
	});
});

現在の動き

jsのコードの一番初めに書いているpause_time=3000が効いていて、どのスライダーも停止時間が3秒になっている。
jsコードの後半の方で、「onSlideBefore」「onSlideAfter」の挙動で、動画スライドがアクティブになったら、頭から再生するようになっている。

やってみたこと

「onSlideAfter」の時に「if(video.length)」でビデオかどうかの判定をしているときに、動画なら序盤の方で宣言した「pause_time」の値を変更するようにしているがスライダーの停止時間は変更されなかった。

slickのように「slickSetOption」のような形でオプションを変更したいのだが、方法がわからなかった。

教えてほしいこと

自分の「やってみたこと」のようなアプローチは正しいのでしょうか？もしくは、「onSlideAfter」のタイミングで変更しても遅いのでしょうか？
また、自分のコードで間違った方法をとっているならご教示いただけますと幸いです。
最後に、自分のアプローチ方法が間違いでしたら、正しい方法をご教授ください。
よろしくお願いいたします。

Answer 1

試していませんが以下がヒントになるかもしれません。

• bxSliderでポーズ設定をスライド毎に変更する方法

上記の記事にあるサンプルコードの中で

  var slider = $('#slider').bxSlider(),
      pauseSettings = [2500, 5000, 10000, 500, 2500];

としている部分で、各スライドが画像か動画かを判定してそれに対応した 3000 または 6000 を要素とする配列としてpauseSettings を作るというアプローチはどうでしょうか？