JQuery切换光标图标

Question

我的首页上有一个带有视频的WordPress网站。

此视频会自动播放。我希望用户能够通过单击来停止它。这已经在其他地方得到了回答，这很有效。

但是我想交换光标图标取决于下一次点击是播放还是暂停视频。

目前我有：

<script type="text/javascript"> 
jQuery(document).ready(function() {
    jQuery("#videointro").hover(function(event) {
        if(event.type === "mouseenter") {
            jQuery(this).attr("controls", "");
        } else if(event.type === "mouseleave") {
            jQuery(this).removeAttr("controls");
        }
    });

});
</script> 

和css：

#videointro:hover {
    cursor:url(images/ButtonPause-01.png), auto;
}

...基本上没有任何线索可以解决这个问题。

希望有人能为此发光。

干杯 戴夫