admin管理员组

文章数量:1316645

I'm trying to covert links in src tags to https://. More accurately Youtube iframes. For example:

<iframe width='650' height='365' src="" frameborder="0" allowfullscreen></iframe>

I tried the below code with no luck:

function RedirNonHttps() {
    if (location.src.indexOf("https://") == -1) {
        location.src = location.src.replace("http://", "https://");
    }
}

<body onload="RedirNonHttps();">

Can someone point me out the correct way to do this?

I'm trying to covert links in src tags to https://. More accurately Youtube iframes. For example:

<iframe width='650' height='365' src="http://www.youtube./embed/y9kBixgYKzw" frameborder="0" allowfullscreen></iframe>

I tried the below code with no luck:

function RedirNonHttps() {
    if (location.src.indexOf("https://") == -1) {
        location.src = location.src.replace("http://", "https://");
    }
}

<body onload="RedirNonHttps();">

Can someone point me out the correct way to do this?

  • javascript
  • jquery
Share Improve this question edited Jul 19, 2016 at 8:57 Rory McCrossan 338k41 gold badges320 silver badges351 bronze badges asked Jul 19, 2016 at 8:53 JordynJordyn 1,1332 gold badges13 silver badges31 bronze badges 2
  • Doing this in JS is too late in the process as the request to the http:// URL will already have been made. You need to make the change directly in your source code, or on the server before the HTML is served to the client – Rory McCrossan Commented Jul 19, 2016 at 8:55
  • Just use <iframe src="//www.youtube./embed/y9kBixgYKzw" …> in the first place – Bergi Commented Jul 19, 2016 at 9:12
Add a ment  | 

4 Answers 4

Reset to default 3

In general, the example below show how it would work. Loop the elements by each and replace the source tag, as in your code:

$("iframe").each(function() {
    $(this).attr("src", $(this).attr("src").replace("http://", "https://"));
});

But keep in mind, this might be to late. The frames may be already loaded over http. As pointed out before, you have to do it on server side to be sure the content will be loaded over https.

Are you trying to change the protocol of the URL in the iframe source? Or trying to redirect the ining request to the HTTPS counterpart?

If it is the latter, you may want to try a solution like this: Detect HTTP or HTTPS then force HTTPS in JavaScript

if (window.location.protocol != "https:")
    window.location.href = "https:" + window.location.href.substring(window.location.protocol.length);

You could run this in your head Javascript.

If you are trying to change the source of the iframe, I believe you will run into the issue that eisbehr has explained. That is, the external source has already loaded over HTTP.

Try replacing "https://" with just "//"

src="//www.youtube./embed/y9kBixgYKzw"

Try it

if (location.protocol != 'https:')
{
 location.href = 'https:' + window.location.href.substring(window.location.protocol.length);
}

本文标签： Convert all http to https using jQuery or JavascriptStack Overflow

版权声明：本文标题：Convert all http: to https: using jQuery or Javascript - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1741918924a2404894.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。