Javascript 随机播放列表视频不工作。帮助JS小提琴可用

我正在尝试随机播放列表。好像有什么不对劲。第一个视频播放正常，但下一个视频无法播放

这就是小提琴的位置：

---

您正在混合内容，您正在尝试将http视频加载到JSFIDLE使用https的https页面中

编辑：我尝试了JSFIDLE和http，它似乎可以工作

EDIT2：当第一个视频结束时，您没有播放下一个视频的功能，这就是问题所在，请尝试使用类似的方式：

var video = document.getElementByID('w-video');

video.onended = function(e) {
  //function to play the next video
};

编辑3：

---

我是否将此文本插入脚本末尾

您应该采取另一种方法，尝试以下方法：

function shuffle (array) {
  var i = 0
    , j = 0
    , temp = null

  for (i = array.length - 1; i > 0; i -= 1) {
    j = Math.floor(Math.random() * (i + 1))
    temp = array[i]
    array[i] = array[j]
    array[j] = temp
  }
}

function play_vid() {
    video.src = links[current]
    video.play();
    if(current!=links.length) {
        current++;
    }
}

var video = $("#w-video").get(0);
var current = 0;
var links = [];
playlist = $('#playlist');
tracks = playlist.find('li a');

$.each(tracks, function(){
    links.push($(this).attr('href'));
});
shuffle(links);
play_vid();


video.onended = function(e) {
    play_vid();
};

---

JSFIDLE上的工作版本

单击链接将打开一个新页面我是否将此文本插入脚本末尾？@FranM.W。见我的第三次编辑

function shuffle (array) {
  var i = 0
    , j = 0
    , temp = null

  for (i = array.length - 1; i > 0; i -= 1) {
    j = Math.floor(Math.random() * (i + 1))
    temp = array[i]
    array[i] = array[j]
    array[j] = temp
  }
}

function play_vid() {
    video.src = links[current]
    video.play();
    if(current!=links.length) {
        current++;
    }
}

var video = $("#w-video").get(0);
var current = 0;
var links = [];
playlist = $('#playlist');
tracks = playlist.find('li a');

$.each(tracks, function(){
    links.push($(this).attr('href'));
});
shuffle(links);
play_vid();


video.onended = function(e) {
    play_vid();
};