Денис Букреев

На самом деле можно сделать еще проще: ставим в проект momentJS, потом ставим moment-timezone

Прописываем: moment.tz.guess() и получаем Europe/Moscow - идеально для работы с таймзонами.

Помогло добавление к тегу script атрибута type="text/babel"

Какой див? Какая кнопка? Почему 70px? Что?

var pos = $(this).next();

this передает в себе DOM-элемент, по которому произошел клик.
Вообще, советую побольше узнать про контекст и this, иначе дальнейшая разработка на JS будет адом непонимания.
Прямо в youtube набирайте this или контекст - есть несколько крутых роликов на русском по этим темам, но придется их по несколько раз посмотреть, чтобы понять что к чему)

А JQuery стоит отложить на полочку, он устаревает и некоторые уже считают его использование плохим тоном.

С помощью триггера 'to.owl.carousel' смог добиться нужного эффекта

// если слайд последний
if ( $('.owl-item.active').index() === $('.owl-item').length - 1 ) {
  it.carousel.trigger('to.owl.carousel', [0, 200]);
}

тоже самое можно и в обратную сторону

Решение есть!

it.player = it.$player.find('video')[0];
let playPromise = it.player.play(); // оказывается, что .play() работает как обещание (Promise())

// когда видео готово к воспроизведению
playPromise.then(_ => {
    it.player.pause();
    // все, можно делать с видео что душе угодно
}).catch(error => {
    console.log('не загружается: ' + error);
});

Работает в Chrome, Firefox, Opera, Safari, а IE пока слоупочат и отравляют нам, фронтендам, жизнь.

Я подозреваю, что валидацию ты активируешь внутри клика, а надо ДО клика

Оказалось, что при смене src у img в Safari старое изображение остается на странице.
Решил тем, что сначала скрываю картинку, потом меняю src, и в конце показываю.

$img.css('visibility', 'hidden').attr('src', imagePath).css('visibility', 'visibile');

Прошу