как изменить просто протокол URL в теге iframe с помощью jquery

Question

Мне нужно использовать jquery для изменения протокола "http" видео на YouTube, загруженного через теги iframes для протокола "https".

вот код, который у меня есть

$(document).ready(function(){
    var protocol = "http";
    var url = $('body').find('iframe').attr('src');
    if (protocol.test(url)) { // if we find http in src frame's atribute
        //then I replace just that part, for "https"
    }
});

Есть идеи?

Answer 1

Вам просто нужно проверить, содержится ли http:// в URL-адресе источника iframe. Если он содержится в исходном URL-адресе, замените http:// на https:// и установите новый src URL-адрес.

$(document).ready(function(){
    var iframe = $('body').find('iframe');
    var url = iframe.attr('src');
    if (url.includes("http://")) {
        iframe.attr('src', url.replace("http://", "https://")); 
    }
});

Answer 2

Вы можете использовать регулярное выражение для автоматической замены http:// напрямую.

$(document).ready(function(){
    var iframe = $('body').find('iframe');
    var url = iframe.attr('src');
    url = url.replace(/^http:\/\//i, 'https://');
    iframe.attr('src',url);
});