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