Javascript 在youtube iframe embed播放时触发事件

我需要在youtube iframe上启动一个事件。因此，当按下播放按钮时，我需要调用一个函数来隐藏span.module-strip

我试过了，但也许我走错了路

$("#home-latest-vid")[0].onplay = function() {
    alert('hi');
};

HTML:

最新产品视频

您应该能够使用youtube javascript api，执行以下操作：

var ytplayer = null;

// event that will be fired when the player is fully loaded
function onYouTubePlayerReady(pid) {
   ytplayer = document.getElementById("ytplayer");
   ytplayer.addEventListener("onStateChange", "onPlayerStateChange");
}

// event that will be fired when the state of the player changes
function onPlayerStateChange(state) {
  // check if it's playing
  if(state == 1) {
    // is playing
  }
}

<iframe id="ytplayer" type="text/html" width="640" height="360" 
 src="https://www.youtube.com/embed/RWeFOe2Cs4k?enablejsapi=1"
 frameborder="0" allowfullscreen>

要在嵌入式播放器中加载视频，请使用以下url：

http://www.youtube.com/v/RWeFOe2Cs4k?version=3&enablejsapi=1

我还认为您应该能够像这样直接添加

iframe

：

var ytplayer = null;

// event that will be fired when the player is fully loaded
function onYouTubePlayerReady(pid) {
   ytplayer = document.getElementById("ytplayer");
   ytplayer.addEventListener("onStateChange", "onPlayerStateChange");
}

// event that will be fired when the state of the player changes
function onPlayerStateChange(state) {
  // check if it's playing
  if(state == 1) {
    // is playing
  }
}

<iframe id="ytplayer" type="text/html" width="640" height="360" 
 src="https://www.youtube.com/embed/RWeFOe2Cs4k?enablejsapi=1"
 frameborder="0" allowfullscreen>

参考：

• 演示：

最新产品视频
var player，playing=false；
函数onyoutubeiframeapiredy（）{
播放器=新的YT.player（'视频'{
高度：'360'，
宽度：“640”，
videoId:'rwefo2cs4k'，
活动：{
“onStateChange”：onPlayerStateChange
}
});
}
函数onPlayerStateChange（事件）{
if（event.data==YT.PlayerState.PLAYING）{
警报（“视频启动”）；
玩=真；
}
else if（event.data==YT.PlayerState.PAUSED）{
警报（“视频暂停”）；
玩=假；
}
}

播放器。getPlayerState（）：Number返回播放器的状态

---

你想在什么地方触发事件，在iframe代码中，还是在父代码中？我想在父代码中触发事件这可能会有帮助：“从iframe中获取元素”很棒的东西，对于vimeo iframe嵌入，这个过程会类似吗？我们如何处理列出的多个iframe，这样我们就不需要添加高度，宽度和视频id参数，因为它们已经在html iframe标记中提供了？那么我如何用这个jquery管理这个全iframe视频链接呢？这是不推荐使用的，不要使用！我们应该如何着手@MārtiņšBriedis？

 /* 
      * player.getPlayerState():Number
      *
      * -1 – unstarted
      *  0 – ended
      * 1 – playing
      *  2 – paused
      *  3 – buffering
      *  5 – video cued
      *
      */
      function checkIfPlaying(){
        var playerStatus = player.getPlayerState();

         return  playerStatus == 1;
      }