1

1 つの Web サイトに複数のビデオを掲載できるようにする「ビデオ サイクラー」を作成しています。しかし、大きいのは 1 つだけです。計画は、ビデオの再生が終了したときに、それらを「自動サイクル」にすることでした。onStateChange 機能を使用して、それらをいつサイクルする必要があるかを判断するつもりでした。APIを機能させることができないように見えるという事実を期待して、すべてが順調に進んでいます。

(実際の動画はまだ公開されていないため、別の videoID を使用しています)

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 (見つかりません) のステータスで応答しました

4

2 に答える 2

0

iframe に問題はないと思います！実際のビデオはまだ公開されていないため、エラー 404 が発生する可能性があります。

于 2014-02-10T04:20:38.360 に答える