FeST1VaL

Как то так) Немного переписал код.

https://jsfiddle.net/fest1val/gpbt21hj/

У Owl есть события изменения текущего слайда, можно дописать callback на изменение и самому навешивать active в зависимости от индекса текущего слайда.

Возможно вы используете float? или где то не закрыли тэг что скорее всего. Если выложите код в песочницу например на jsfiddle.net, то посмотрю поточнее...

Добавить дата атребут и его забирать в js и далее подставлять)

как то так:

Как вариант регуляркой вырезать)

Во первых у вас дублируются data5 и value в data3.
Во вторых я бы изменил код на что то типо этого... не делал бы для каждого маршрута свой selector, а объединил и выбирал по data-id

Как то так...

$(document).mouseup(function (e) {
  var container = $(".listCountryPhone");
  if (!$(e.target).closest(container).length) {
    $('.listCountryPhone').slideUp(500);
  }
});

А почему не сделать просто

<div class="like__box">
	<div class="like"></div>
</div>

в php изначально ставите нужный вам класс, далее просто проверяете класс

$('.like').click(function() {
	if($(this).hasClass('Like_act')) {
		//... тут ваши Ajax запросы)
	} else {
		//... тут ваши Ajax запросы)
	}
})

Так вы делаете media.play(), но при этом у вас в media хранится только последний элемент...

Навешивайте события клика по кнопкам в цикле где вы задаете переменную media... Короче говоря я бы переписал полностью... Делал бы цикл по видеозаписям и брал бы паррент т.е класс media-wrapper и в нем уже искал кнопки и после навешивал бы на найденные кнопки события... как то так... лень писать код... ;3 Думаю суть передал...

Я бы сделал примерно так... подкорректируйте под себя) Суть в эвенте change. Он вызывается когда изменяется значение в input. И если его вызвать самому, как я сделал когда передавал значения... .trigger("change")

Если правильно понял... что то типо такого... под себя ток исправьте я на скорую руку написал как пример, чтобы понять логику пойдет)))