OpenLayers 3 - full screen button - icon not visible on mobile Firefox

Question

On mobile devices, OpenLayers 3 - full screen icon, in case of Mozilla Firefox doesn't show.

Is there a way to solve this or set an icon myself to show on every device?

Thanks,

Eylul

Answer 1

  $('.ol-full-screen-false').attr('title', 'Visualizza a schermo intero');
  $('.ol-full-screen-false').html('<img src="icons/fullscreen_s.png"/>');

  if (document.addEventListener)
  {
    document.addEventListener('webkitfullscreenchange', fullscreenHandler, false);
    document.addEventListener('mozfullscreenchange', fullscreenHandler, false);
    document.addEventListener('fullscreenchange', fullscreenHandler, false);
    document.addEventListener('MSFullscreenChange', fullscreenHandler, false);
  }

  function fullscreenHandler()
  {
    if (document.webkitIsFullScreen || document.mozFullScreen || document.msFullscreenElement !== null)
    {
      $('.ol-full-screen-true').attr('title', 'Chiudi la visualizzione a schermo intero');
      $('.ol-full-screen-true').html('<img src="icons/close_s.png"/>');

      $('.ol-full-screen-false').attr('title', 'Visualizza a schermo intero');
      $('.ol-full-screen-false').html('<img src="icons/fullscreen_s.png"/>');
    }
  }