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 事件。

Iframe api state change does not trigger with mdl js