Jquery - 检测 Youtube 对象标签上的播放答案

【问题标题】：Jquery - detect play on Youtube's object tagJquery - 检测 Youtube 对象标签上的播放
【发布时间】：2018-04-29 10:42:58
【问题描述】：

我使用 object 标签嵌入 youtube 视频。

<object data="http://www.youtube.com/embed/QwievZ1Tx-8" width="100%" height="315"></object>

我想在每次播放视频时触发一个 Ajax 请求（以便服务器可以更新数据库对视频的观看次数）。

有人知道怎么做吗？

注意：假设用户点击视频上的“播放”，AJAX REQUEST CALLED。但是当他们暂停和恢复视频时，AJAX REQUEST DID NOT CALLED.

【问题讨论】：

【解决方案1】：

你可以用脚本来做：

$("object")[0].onplay = function () {
    //AJAX REQUEST CALLED
};

或：

<object... onplay="myFunction()">

在脚本中

myFunction(){
//AJAX REQUEST CALLED
}

仅在视频开始播放时发生...

【讨论】：

【解决方案2】：

您可以使用 youtube iframe api 和回调 onPlayerStateChange 与具有确切事件类型的 event 对象一起调用。另外，如果视频已经开始，请保留一个标志，只有在没有开始时才调用 ajax。

像这样：

var isStarted = false;
function onPlayerStateChange(event) {
  if (event.data == 1 && !isStarted) {
    // call ajax
    isStarted = true;
  }
}

【讨论】：