Mi objetivo final en este momento es que aparezca un enlace en la parte superior del video cuando el video haya llegado al final. Usando la funcionalidad de JW Players, he determinado cómo aparece el enlace cuando el video está completo pero solo en la vista estándar. Si el usuario ve el video en pantalla completa, el enlace no aparece. He leído mucho y entiendo que cuando está en modo de pantalla completa, el video está en flash y no puedo anular las funciones de flash sin integrar el enlace en el archivo swf, lo que no quiero hacer.

Lo que he hecho es eliminar el botón de pantalla completa en el reproductor de video JW Player con una máscara. Luego creé un botón para mostrar el video en pantalla completa utilizando la funcionalidad de pantalla completa HTML5. (Entiendo que IE no funcionará con esto ... eso está bien por ahora). También puedo crear un detector de eventos de cambio de estado en pantalla completa para que mi enlace aparezca en la parte superior del video. Pero no funciona.

No importa cómo estilo el DIV que contiene el enlace, no aparece en la parte superior del video.

¿Alguien me puede apuntar en la dirección correcta?

Gracias por cualquier ayuda que alguien me pueda dar.

Ejemplo de código:

#container{
       position:relative;
   z-index:0;
}

#overlay {
   visibility:hidden; 
   width: 700px; 
   height:50px; 
   color:#FFF; 
   position: absolute; 
   top: 532px; 
   margin:8px; 
   padding:5px; 
   background-color:#000;   
   text-align:center;
}

#overlayfullscreen{
   visibility:hidden;
   text-align:center;
   color:#FFF;
   font-size:26px;
   z-index: 1000;
   position: absolute;          
   top: 800px;
   margin:8px; 
   padding:5px; 
   overlay:hidden;          
}



<div id="container">
    Loading the player, if not working please update your browser.
</div>                      

<button onClick="goFullscreen('container'); return false">Click for Fullscreen</button>





var path = '<?php echo $video_path ?>';

jwplayer("container").setup(
{
autostart: <?php echo $autostart ?>,        
file: "<?php echo $full_video_path ?>",                                 
height: <?php echo $height ?>,
width: <?php echo $width ?>,
skin: '<?php echo $skin ?>',

events: {
    onComplete: function(){
         document.getElementById('overlay').style.visibility = 'visible';                                       
      }                                 
    }                                   
});

document.addEventListener("mozfullscreenchange", function () 
{                                   
document.getElementById('overlayfullscreen').style.visibility = 'visible';              
}, false);