YouTube iframe API (существующий iframe); Не удается заставить iframe-api работать

Я делаю «видеоциклер», который позволит нам иметь несколько видео на одном веб-сайте; но только один из них большой. План состоял в том, чтобы заставить их «автоциклироваться» после окончания воспроизведения видео. Я собирался использовать функцию onStateChange, чтобы выяснить, когда я должен их циклически повторять. Все идет хорошо, ожидайте того факта, что я не могу заставить API работать.

(с использованием другого идентификатора видео, поскольку настоящее видео еще не опубликовано)

HTML:

<iframe id="video0" width="640" height="385" src="https://www.youtube.com/embed/dREeDjQ0jIg?rel=0&enablejsapi=1&origin=*" frameborder="0" allowfullscreen></iframe>

JavaScript:

var player;
function onYouTubeIframeAPIReady() {
    video = document.getElementById('video0');
    player = new YT.Player(video, {
        events: {
            'onReady': onPlayerReady,
            'onStateChange': onPlayerStateChange
            }
        })
    }
function onPlayerReady(e) {
    console.log("hey Im ready");
    }
function onPlayerStateChange(e) {
    console.log(e)
    }

Журнал: Не удалось загрузить ресурс: сервер ответил со статусом 404 (не найдено)


person marzvrover    schedule 10.02.2014    source источник
comment
Я украл ваш код, и он у меня сработал, спасибо!   -  person Sean Kendle    schedule 13.01.2016
comment
Рад, что смог помочь @SeanKendle   -  person marzvrover    schedule 29.01.2016


Ответы (2)


Оказывается, моя проблема заключалась в сочетании того, что видео не было общедоступным и мой сервер не был в

&origin=SERVER_URL/IP

Я указал полный путь к моему файлу (это был локальный сервер, поэтому я сделал переадресацию портов).

person marzvrover    schedule 11.02.2014

Я не думаю, что есть какие-либо проблемы с iframe! поскольку настоящее видео еще не опубликовано, ошибка 404 - это то, что вы можете ожидать!

person user3291391    schedule 10.02.2014
comment
Хорошо, я попробую загрузить это тестовое видео. - person marzvrover; 10.02.2014
comment
для примера посмотрите его с каким-нибудь другим видео, которое уже есть на ютубе! - person user3291391; 10.02.2014