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

Question

我使用object标记来嵌入YouTube视频。

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

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

有人知道该怎么做吗？

注意：让用户点击播放＆＃39;在视频上，AJAX REQUEST CALLED。但是当他们暂停并恢复视频时，AJAX请求没有被要求。

Answer 1

您可以在脚本中执行此操作：

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

或

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

并在脚本中

myFunction(){
//AJAX REQUEST CALLED
}

只有在视频开始播放时才会发生......

Answer 2

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

像这样：

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