@senselessV7

Клик на остальных видео, закрывает открытое?

Есть список с видео
<ul class="video__list">
		<li class="video__item">
			<video src="video-1.mp4" class="video__vid" controls></video>
		</li>
		<li class="video__item">
			<video src="video-2.mp4" class="video__vid" controls></video>
		</li>
		<li class="video__item">
			<video src="video-3.mp4" class="video__vid" controls></video>
		</li>
	</ul>


Помогите написать код, чтобы при клике запускалось видео, но при этом все остальные останавливались!

$(document).ready(function(){
			$('.video__vid').click(function(){
				var $this = $(this),
				item = $this.closest('.video__item'),
				list = $this.closest('.video__list'),
				otherItems = list.find('.video__item'),
				otherVideos = list.find('.video__vid');

				console.log(item);
				console.log(list);
				console.log(otherItems);
				console.log(otherVideos);

				// $this.get().pause();
				$this.get(0).play();
			});
		});
  • Вопрос задан
  • 103 просмотра
Решения вопроса 1
In4in
@In4in
°•× JavaScript Developer ^_^ ו°
$('.video__vid').click(function(){

  //Остановим старое
  var old = $(".active").removeClass("active").get(0);
   old && old.pause();

  //Запустим новое
  $(this).addClass("active");
  this.play();

});
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы