Ciao non so come funziona con html5, normalmente un cursore personalizzato si fa così:
codice:
var mio_cursore:MioCursore=new MioCursore
    addChild(mio_cursore);
    mio_cursore.visible = false; 
    mio_cursore.mouseEnabled = false;
    mc.addEventListener(MouseEvent.MOUSE_MOVE, mostra_cursore);

    
    function mostra_cursore(evt:MouseEvent):void
    {Mouse.hide();
      mio_cursore.visible = true;
    mio_cursore.x = evt.stageX;
    mio_cursore.y = evt.stageY;
      }
mc.addEventListener(MouseEvent.MOUSE_OUT,nascondi_cursore);
   
      function nascondi_cursore(evt:MouseEvent):void
    {
   Mouse.show()
mio_cursore.visible = false

    }
Dove mc è il movieclip sul quale il cursore cambia e MioCursore il nome del linkage del cursore in libreria.