В чем проблема регулярного выражения?

Rsa97, не работает =(
Правильно?

let regexp = /https:\/\/youtu\.be\/([a-zA-Z0-9_-]+)/;

В чем проблема регулярного выражения?

у меня уже мозги вытекают, как собрать это выражение правильно? Заранее благодарю.

Как изменить regexp?

Роман, Не работает =(

function findVideos() {
    let videos = document.querySelectorAll('.video');

    for (let i = 0; i < videos.length; i++) {
        setupVideo(videos[i]);
    }
}

function setupVideo(video) {
    let link = video.querySelector('.video__link');
    let media = video.querySelector('.video__media');
    let button = video.querySelector('.video__button');
    let id = youtubeGetID(media.src);

    video.addEventListener('click', () => {
        let iframe = createIframe(id);

        link.remove();
        button.remove();
        video.appendChild(iframe);
    });

    link.removeAttribute('href');
    video.classList.add('video--enabled');
}

function youtubeGetID(input){
    var r = input.replace(/(>|<)/gi,'').split(/(vi\/|v=|\/v\/|youtu\.be\/|\/embed\/)/)
    if(r[2] !== undefined) {
        return r[2].split(/[^0-9a-z_\-]/i)[0]
    } else {
        r = input.match(/^.*(?:(?:youtu\.be\/|v\/|vi\/|u\/\w\/|embed\/)|(?:(?:watch)?\?v(?:i)?=|\&v(?:i)?=))([^#\&\?]*).*/)
        if(r && r[1] !== undefined) {
            return r[1]
        }
        else return input
    }
}

function createIframe(id) {
    let iframe = document.createElement('iframe');

    iframe.setAttribute('allowfullscreen', '');
    iframe.setAttribute('allow', 'autoplay');
    iframe.setAttribute('src', generateURL(id));
    iframe.classList.add('video__media');

    return iframe;
}

function generateURL(id) {
    let query = '?rel=0&showinfo=0&autoplay=1';

    return 'https://www.youtube.com/embed/' + id + query;
}

findVideos();

Как изменить regexp?

Я увидел, что ты дал код, я правильно понимаю что под этот код мне нужно будет весь свой код переписывать? Я же прошу помочь, т.к не разбираюсь в этом. Давно бы можно было исправить строку кода, а не писать 5 том войны и мира.

Как изменить regexp?

Stalker_RED,

function findVideos() {
    let videos = document.querySelectorAll('.video');

    for (let i = 0; i < videos.length; i++) {
        setupVideo(videos[i]);
    }
}

function setupVideo(video) {
    let link = video.querySelector('.video__link');
    let media = video.querySelector('.video__media');
    let button = video.querySelector('.video__button');
    let id = parseMediaURL(media);

    video.addEventListener('click', () => {
        let iframe = createIframe(id);

        link.remove();
        button.remove();
        video.appendChild(iframe);
    });

    link.removeAttribute('href');
    video.classList.add('video--enabled');
}

function parseMediaURL(media) {
    let regexp = /https:\/\/i\.ytimg\.com\/vi\/([a-zA-Z0-9_-]+)\/maxresdefault\.jpg/i;
    let url = media.src;
    let match = url.match(regexp);

    return match[1];
}

function createIframe(id) {
    let iframe = document.createElement('iframe');

    iframe.setAttribute('allowfullscreen', '');
    iframe.setAttribute('allow', 'autoplay');
    iframe.setAttribute('src', generateURL(id));
    iframe.classList.add('video__media');

    return iframe;
}

function generateURL(id) {
    let query = '?rel=0&showinfo=0&autoplay=1';

    return 'https://www.youtube.com/embed/' + id + query;
}

findVideos();

Вот весь код, который я использую, мне нужно чтобы он вытащил этот id из ссылки https://youtu.be/KkcrQTqr9q4 , а не из ссылки картинки

Как изменить regexp?

Бро трабл в том, что я уже потыкал этот код как только не мог.... я не понимаю, что изменить требуется в этих палочках, чтобы все заработало. Буду очень благодарен, если ты напишешь, так как я не понимаю в java от слова совсем(

Как сделать адаптивный скрипт?

Спасибо огромное выручил!!!

Как удалить, именно удалить div?

Дима Долготер, Спасибо огромное тебе Дмитрий!!! Отличного настроения и дня!

Как удалить, именно удалить div?

Там ничего не должно быть, этот div надо удалить

Как задать картинке которая в html адаптивность?

Froggyweb, Спасибо большое!)

Как задать обводку label-у при checked input-е?

Антон Литвиненко, В любом случае Большущие спасибо Вам Антон за потраченное время и силы!

Как задать обводку label-у при checked input-е?

Антон Литвиненко,

<script>
    jQuery(function($){
  $('.box_input input').on('change', function(){
    var thisId = $(this).attr('id');
    $('.labelbox label').removeClass('checked');
    $('.labelbox label').each(function(){
      if( $(this).attr('for') == thisId ) {
        $(this).addClass('checked');
      }
    });
  });
});
</script>

label:before {
    content:'';
    display: block;
    border-radius: 50%;
    border: 1px solid #0070c9;
    height: 39px;
    width: 39px;
    transform: translate(-3.4px, -3.4px);
    opacity: 0;
}
label.checked:before {
    opacity: 1;
}

Нет работает

Как задать обводку label-у при checked input-е?

Антон Литвиненко, он просто не работает. Стили свои подставил.

Как задать обводку label-у при checked input-е?

Антон Литвиненко Заменил $ на jQuery но скрипт не пашет на wordpress, в чем проблема?

Как задать обводку label-у при checked input-е?

Антон Литвиненко, как это реализовать скриптом? Если не трудно сможете написать код?

Как задать обводку label-у при checked input-е?

А как же магия? не? =(

Как сделать отзывчивый бокс для товара?

Не пашет(

Как сделать отзывчивый бокс для товара?

p.s.
Делать одноцветные кругляшки картинками - изврат. Это решается фоновым цветом и внутренней тенью.

Понимаю) На оф. сайте эппл реализовано так же (через картинки)

блок карточки товара

Как только оборачиваешь в див любой из объектов, будь то label или картинку все рушится и не выводится картинка.
Я ее задал как БГ а можно сделать вывод боксом с картинкой и как?

Как задать резиновый отступ снизу от высоты монитора?

Арсений Матыцин, Спасибо большое за помощь! Счастливо)

Как задать резиновый отступ снизу от высоты монитора?

Арсений Матыцин, Работает, но как только Fixed задаю карте ломается высота в vh