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

Question

[Faber Estello]

Есть список с видео

<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();
			});
		});

Answer 1

[Виталий Инчин ☢]

$('.video__vid').click(function(){

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

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

});

Comments

[Faber Estello]

Спасибо, огромное!!!
А можете подсказать еще, пожалуйста ... что это old && old.pause(); значит... как прочитать?
И объяснить этот метод get(0)
1. Убираем класс active у всех у кого есть ... get(0) ...
2. останавливаем (пауза) те у которых убрали активный класс ...

если можно, пожалуйста!)

[Виталий Инчин ☢]

Sen Selesss: "а && б" дословно "Если а, то сделать б".

$(".active")  //В выборке элемент с классом active
.removeClass("active")  //Удаляем у него этот класс
.get(0);  //Получаем ссылку на элемент или undefined, если элементов с классом active вообще не было

old && old.pause(); //Если все же элемент есть, тормознем его

[Faber Estello]

Виталий Инчин ☢: спасибо!!!