Javascript 在Chrome中隐藏网页上的空闲光标

有定制的html5视频播放器。它的控制栏在全屏模式下空闲时隐藏。我也想隐藏一个光标。我尝试将

.cursor='none'

样式应用于body。应用样式后，Chrome将等待鼠标移动。但它在Firefox中运行良好。顺便说一下，Youtube flash player隐藏光标，但不是Youtube html5播放器

你可以在这里查一下-

---

我可以用它做什么？

您可能需要将光标设置为透明的1x1图像

您可以事先创建一个透明的gif

document.body.style.cursor = "url(data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==), pointer";

或者使用画布动态创建一个

    var tmpCanvas = document.createElement("canvas");
    tmpCanvas.setAttribute("width",1);
    tmpCanvas.setAttribute("height",1);

    document.body.style.cursor = "url('"+tmpCanvas.toDataURL()+"'), pointer";

这两种解决方案似乎都能在Firefox中使用，但Chrome仍然显示1x1黑色像素

---

（透明GIF不知羞耻地从中盗取）

这不是W3c的标准功能（有充分的理由）。见：