3

カスタムhtml5ビデオプレーヤーがあります。フルスクリーンモードでアイドル状態で非表示になるコントロールバーがあります。カーソルも隠したいです。.cursor = 'none'体にスタイルをつけてみました。Chromeは、スタイルを適用した後、マウスの移動を待ちます。しかし、Firefoxではうまく機能します。ちなみに、Youtubeフラッシュプレーヤーはカーソルを非表示にしますが、Youtubehtml5プレーヤーは非表示にしません。

これはここで確認できます-http://jsfiddle.net/xAfUm/1/

私はそれで何ができますか？

4

1 に答える 1

4

カーソルを透明な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 ）

于 2012-11-10T19:54:18.600 に答える