Как поменять контент в блоке?

Question

[spacekk]

Подскажите пожалуйста, как реализовать на странице переключение видеороликов в блоке при клике на соответствующую ссылку в соседнем блоке.

Answer 1

[0xD34F]

const $content = $('.video');
const $headers = $('.video-links a').on('click', function() {
  const href = $(this).attr('href');
  $headers.removeClass('active').filter(this).addClass('active');
  $content.addClass('video-off').filter(href).removeClass('video-off');
});

или

const content = document.querySelectorAll('.video');
const headers = document.querySelectorAll('.video-links a');

headers.forEach(n => n.addEventListener('click', onClick));

function onClick({ target: t }) {
  const href = t.getAttribute('href');
  headers.forEach(n => n.classList.toggle('active', n === t));
  content.forEach(n => n.classList.toggle('video-off', !n.matches(href)));
}

Answer 2

[arab789]

Если я правильно понял вопрос, то скрывайте все кроме активной, по клику, скрывайте активную и показывайте нужную. При этом видео нужно останавливать и запускать с помощью js.

Comments

[arab789]

Либо с помощью jquery в блоке где играет видео удаляйте елемент видео и вставляете новый