HTTPS 阻止我的音频播放列表。如何解决?

HTTPS block my audio playlist. How to solve it?

我创建了我的第一个网站,我正在努力解决我所有的问题。 我有一个文件 javascript 可以自动播放歌曲(音频播放列表)。 它在我的电脑上工作,当我上传我的网站时没有扩展名“https”。

现在,我保护了我的网站,当我想播放我的音频播放列表时,在一首歌曲结束时,它没有转到下一首歌曲。此外,我在文件上被重定向(它离开了我的主页面)。 我真的不明白这个问题,我一个人解决不了。

你知道我是否可以用我的 .htacess 文件或我的 javascript 文件做些什么吗? 预先感谢您的回答。

注意:这是我的javascript文件和我的网站看到的问题:https://www.oldgamesheetmusic.org/Scores

var audio;
var playlist;
var tracks;
var current;
init();
function init(){
    current = 0;
    audio = $('audio');
    playlist = $('#playlist');
    tracks = playlist.find('li a');
    len = tracks.length;
    audio[0].play();
    playlist.find('a').click(function(e){
        e.preventDefault();
        link = $(this);
        current = link.parent().index();
        run(link, audio[0]);
    });
    audio[0].addEventListener('ended',function(e){
        current++;
        if(current < len){
            link = playlist.find('a')[current];  
            run($(link),audio[0]);  
        }
    });
}
function run(link, player){
    player.src = link.attr('href');
    par = link.parent();
    par.addClass('active').siblings().removeClass('active');
    audio[0].load();
    audio[0].play();
}

由于 403,您的 playlist.js 没有加载,看起来您的 jQuery 也被阻止了。

您的html包括

<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script>

在 https 站点上,http 请求被阻止

尝试

<script type="text/javascript" src="//code.jquery.com/jquery-1.8.2.min.js"></script>

如果没有 http 或 https,将使用页面使用的协议发出请求,例如https 如果页面是 https

修复后 - 您的代码可能 运行 - 虽然您对 playlist.js 的请求失败并且有 a 403 error when trying to use ErrorDocument - 所以 403 是在尝试使用 ErrorDocument 时,但错误获得 playlist.js 可能不同