Как добавить превью к видео на ютуб, но что бы оно не грузило само видео?

Question

[Nikita Shchypylov]

Всем привет
На странице есть несколько ютуб видео, но если их разом добавить, то страница жутко долго грузится. Нужно добавить превью видео, а если по нему кликнуть, то видео загрузится в контейнер. Сейчас у меня такая реализация:

<a class="img_slide video_0" href="#"></a>

function addVideoYoutube() {
    var element = document.getElementsByClassName('video_0')[0];
    var el2 = document.getElementById('ytplayer');
    element.addEventListener('click', function (e) {
        e.preventDefault();
        el2.innerHTML = '<iframe width="560" height="315" src="https://www.youtube.com/embed/99-n42Xb6NQ?autoplay=1" frameborder="0" allowfullscreen></iframe>'
    });

}

Но на тэге а сейчас просто картинка, а нужно именно превью, как тут
joxi.ru/p27RGOBCpaznm7
Спасибо за помощь!

Answer 1

[D']

Взять ID видео, и подтянуть превью с ютуба stackoverflow.com/questions/2068344/how-do-i-get-a...

Comments

[Nikita Shchypylov]

Хорошо!
А добавить просмотры, кто загрузил, опцию "Посмотреть позже" есть возможность?