Javascript 如果页面中的视频src为https,则将当前页面重定向到https

Javascript 如果页面中的视频src为https,则将当前页面重定向到https,javascript,jquery,blogger,Javascript,Jquery,Blogger,我有多个使用http://和https://协议的流,我的网页正在使用这两种协议,但如果我的流是https://的,我就有问题在http://网页中播放它。如果流是https,我想重定向到https://,如果流也是http,我想重定向到http:// 我只是个初学者,我试过一些代码,但运气不好 $(document).ready(function() {`var val = $("#my_video_1_html5_api").find('source').attr("src");`if (v

我有多个使用
http://
https://
协议的流,我的网页正在使用这两种协议,但如果我的流是
https://
的,我就有问题在
http://
网页中播放它。如果流是
https
,我想重定向到
https://
,如果流也是
http
,我想重定向到
http://

我只是个初学者,我试过一些代码,但运气不好

$(document).ready(function() {`var val = $("#my_video_1_html5_api").find('source').attr("src");`if (val && !val.match(/^http([s]?):\/\/.*/)) {
location.href = location.href.replace("http://", "https://");`}`});

当我尝试
if(val&&!val.match(/^https:\/\/.*)
时,我的网页一直在重新加载。

您还必须检查
location.href
以查看它是否使用与视频URL相同的协议,并且在这些情况下不更改它

以下是一个例子:

var val = $("#my_video_1_html5_api").find('source').attr("src");
var videoProtocol = val.match(/^http(s?):/)[0];
if (!location.href.startsWith(videoProtocol)) {
  location.href = location.href.replace(/^http(s?):/, videoProtocol);
}

您还必须检查
location.href
,以查看它是否使用与视频URL相同的协议,并且在这些情况下不要更改它。我现在还停留在第一个问题上,我没有想到这一点