В настоящее время я работаю над сайтом с видеофоном на всю страницу, который меняет видео с помощью JavaScript в конце каждого видео. Он отлично работает в Chrome или Firefox, однако просто не загружает видео в Safari, он остается пустым. Когда я смотрю на ресурсы в инспекторе, я вижу только
Произошла ошибка при попытке загрузить ресурс.
Любая помощь будет чрезвычайно признательна, так как это сводит меня с ума!
РЕДАКТИРОВАТЬ -
Вот HTML для видео:
<video id="homepagevid" poster="/wp-content/uploads/2015/11/Scallops2-Image.jpg" autoplay="autoplay" muted="muted" width="300" height="150">
<source src="http://www.kingsarmspentyrch.co.uk/wp-content/uploads/2015/11/Scallops.mp4" type="video/mp4" />
</video>
Вот js, который я использую для изменения видео -
var nextVideo = ["http://www.kingsarmspentyrch.co.uk/wp-content/uploads/2015/11/Scallops.mp4","http://www.kingsarmspentyrch.co.uk/wp-content/uploads/2015/11/Meat.mp4","http://www.kingsarmspentyrch.co.uk/wp-content/uploads/2015/11/Pudding.mp4","http://www.kingsarmspentyrch.co.uk/wp-content/uploads/2015/11/Bread.mp4", "http://www.kingsarmspentyrch.co.uk/wp-content/uploads/2015/11/Tomatoes.mp4"];
var nextPoster = "http://www.kingsarmspentyrch.co.uk/wp-content/uploads/2015/11/black.jpg";
var currentVideo = 0;
var homepagevid = document.getElementById('homepagevid');
homepagevid.onended = function(){
if(currentVideo === 0){
homepagevid.src = nextVideo[1];
currentVideo = 1;
} else if(currentVideo === 1){
homepagevid.src = nextVideo[2];
currentVideo = 2;
} else if(currentVideo === 2){
homepagevid.src = nextVideo[3];
currentVideo = 3;
} else if(currentVideo === 3){
homepagevid.src = nextVideo[4];
currentVideo = 4;
} else if(currentVideo === 4) {
homepagevid.src = nextVideo[0];
currentVideo = 0;
}
};
homepagevid.oncanplay = function(){
homepagevid.poster = nextPoster;
};
Cheers For Any Help, ребята, это сводит меня с ума.
Дэйв
