iframe api 状态更改不会通过 mdl js 触发

Question

存在 mdl js 时不会触发 iframe api onStateChange。

See codepen 。这不会控制台日志状态更改，删除

<script src="https://code.getmdl.io/1.3.0/material.min.js"></script>

将控制台记录更改。

Answer 1

根据此link，iFrame Player API 存在临时问题，作为临时修复，您只需在onReady 事件中添加事件侦听器：

function onReady() {
    player.addEventListener('onStateChange', function(e) {
        console.log('State is:', e.data);
    });
}

确保从 YT.PLAYER 构造函数 (see the jsfiddle) 中删除 onStateChange 事件。