为啥这个jsfiddle不起作用？ （基本 statelistener youtube iframe 视频）

Posted 2023-05-09

【中文标题】为啥这个jsfiddle不起作用？ （基本 statelistener youtube iframe 视频）

【英文标题】：why doesn't this jsfiddle work? (basic statelistener youtube iframe video)为什么这个jsfiddle不起作用？ （基本 statelistener youtube iframe 视频）

【发布时间】：2014-11-01 21:31:44

【问题描述】：

对于已经存在的 youtube iframe，经过一些研究，我找到了如何设置它的说明。 通常 youtube api 希望您通过 api 加载整个视频，然后使用它，但我的 html 中已经有预定义的 iframe。

这个 jsfiddle 应该可以工作，但它没有。 任何人都可以帮助我为什么它不起作用？

http://jsfiddle.net/Ss8TL/44/

这是基本核心：

var player;
function onYouTubeIframeAPIReady() 
    player = new YT.Player('player', 
        events: 
            'onStateChange': doawesomestuff
        
    );

我有一个 ID 为“播放器”的 iframe。

我知道这个问题可能会遭到反对，抱歉：/

【参考方案1】：

我只是做了一点调整：

var tag = document.createElement('script');
var onYouTubeIframeAPIReady;
tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

var player;
  onYouTubeIframeAPIReady = function () 
    player = new YT.Player('player', 
    events: 
        'onStateChange': onPlayerStateChange
    
    );
  

function onPlayerStateChange() 
 alert("state changed!");

工作小提琴：http://jsfiddle.net/robertrozas/Ss8TL/46/

【讨论】：

我很高兴帮助@rails_has_elegance :)

很有趣，似乎 onstatechange api 目前已关闭。在我的网站和小提琴上都没有工作，以前确实工作过