Мои встроенные видео на YouTube перестали работать ⇐ CSS

[Anonymous]

Я разрабатываю веб-сайт, и на его домашнюю страницу встроено несколько видео с YouTube. До недавнего времени видео отлично работали, но сейчас, похоже, они уже не работают! Он получает видео с YouTube, но я не могу воспроизвести ни одно из них.

Я сравнил код с более ранней версией, и код остался прежним. Я часами искал и ломал голову над этим, пытаясь понять, почему это больше не будет работать. Вот JSFiddle с кодом, который я использую.
https://jsfiddle.net/ftmLsaym/

Есть идеи, что мне нужно сделать, чтобы это исправить ?

HTML



https://www.youtube.com/embed/PNT39y4N4H4?rel=0

Previous
Next


CSS

.splashdiv {
position: relative;
width: 100%;
height: 0;
padding-bottom: 51%;
z-index:-1;
}

.splashdiv iframe {
position: absolute;
width: 100%;
height: 100%;
left: 0; top: 0;
}


JS

var frame = document.getElementById('teaser');
var pos = 0;
var src = [
"https://www.youtube.com/embed/PNT39y4N4H4?rel=0",
"https://www.youtube.com/embed/M--kEKu8-IE?rel=0",
"https://www.youtube.com/embed/3wgd8fHidzg?rel=0",
"https://www.youtube.com/embed/2yf4bUW9mlE?rel=0",
"https://www.youtube.com/embed/CueAcWRsaY8?rel=0",
"https://www.youtube.com/embed/ulsa6Aog7Yw?rel=0",
"https://www.youtube.com/embed/7qTp3lk7gt4?rel=0"
]

function nextVideo() {
if (pos < 6) {
pos += 1;
showVideo();
}
}
function previousVideo() {
if (pos > 0) {
pos -= 1;
showVideo();
}
}
function showVideo() {
frame.src = src[pos];
}
function barnaby() {
pos = 1;
frame.src = src[pos]+"&autoplay=1";
}


Подробнее здесь: https://stackoverflow.com/questions/300 ... ed-working