如果页面中的视频源是https，则将当前页面重定向到https

Question

我有多个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:\/\/.*/))时，我的网页一直在重新加载。

Answer 1

您还必须检查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);
}