HTTPS 阻止我的音频播放列表。怎么解决？

Question

我创建了我的第一个网站，我正在尝试解决我的所有问题。 我有一个文件 javascript 可以自动播放歌曲（音频播放列表）。 它可以在我的电脑上运行，并且在我上传时也可以运行。

现在，我保护了我的网站，当我想播放我的音频播放列表时，在一首歌曲结束时，它不会转到下一首歌曲。此外，我被重定向到该文件（它离开了我的主页面）。 我真的不明白这个问题，而且我无法独自解决它。

你知道我是否可以使用我的 .htacess 文件或我的 javascript 文件做一些事情吗？

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();
}

Answer 1

您的 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

的错误可能会有所不同

Answer 2

您的 playlist.js 由于 403 而未加载，并且看起来您的 jQuery 也被阻止。