Bxslider y vídeos eventos play/pause desde botones externos reproduce solo audio

[nicomonjes]

Amigos,
les traigo un problema que me lleva 3 días sin resolver

Hice un bxslider con dos instancias, una con un texto y otra con un video html5
el tema es que desde la instancia 1 tengo el play para reproducir el video, éste llama la a función vid.play() y a su vez con la etiqueta <a href hago el pase del slide para que se vaya el texto y entre el video supuestamente ya con el video iniciado.

Luego tengo otro href para "volver" y éste además debe frenar el video.

Utilizo bxslider y videojs para mi código.

El problema está en que cuando lo ejecuto, al dar click en mi play (en instancia 1) se pasa de slide pero nunca comienza el video, o si, en realidad como que comienza solo el audio (en segundo plano) pero el video está en estado de reposo, si a éste le doy click comienza y se ve perfectamente (pero ya tengo iniciado el audio del otro que se escucha en segundo plano)

intenté de todo y no puedo entender que hago mal.

Les muestro mi código a ver si me ven algo raro.

Aclaración: entiendo que puede haber modos no convencionales, soy amateur, y la mayoría lo extraigo de foros. No vengo a buscar mejorar/limpiar el código empleado sino a resolver el problema simplemente para que funcione. Sepan entender

Desde ya mil gracias!

Aquí arriba en el head obviamente llamo todas las librerías de ambos scripts

HTML

Código HTML:

<!--comienza slider interno-->
         <div id="bx-pager1">
            <a data-slide-index="1" href=""><img id="play2" onclick="vid2.play(); video1()" src="img/slider2/play.png" class="play" style="visibility:visible"></a>
            <a data-slide-index="0" href=""><img id="pause2" onclick="vid2.pause(); video1_volver()" src="img/slider2/back.png" class="pause" style="visibility:collapse"></a>
         </div>
 
<ul class="embajador1">
<!--Slider 1-->
  <li>
    <div id="descripcion" align="left">
     <div class="nombre">TITULO</div> 
        <p>"TEXTO"</p>
     </div>
  </li>
<!--Slider 2-->
  <li>
     <div id="loop">
       <video id="Video2" class="video-js vjs-default-skin" width="1280" height="800" poster="video/full/portadas1.jpg" data-setup='{ "controls": true, "autoplay": false, "preload": "none", "loop": false,}'>
         <source src="video/full/video.mp4" type='video/mp4' />
         <source src="video/full/video.webm" type='video/webm' />
         <source src="video/full/video.ogv" type='video/ogg' />
       </video>
     </div>
  </li>
</ul>
<!--fin slider interno-->
 

SRIPT

Código Javascript:

// SCRIPT BXSLIDER
$('.embajador1').bxSlider({ // INICIO EL BXSLIDER
  pagerCustom: '#bx-pager1', //LE DIGO QUE USO MANEJADORES DEL SLIDER EXTERNOS
});  
 
//// control video
var vid2 = document.getElementById("Video2"); // GENERO LA VARIABLE DEL VIDEO
function playVid() {  // FUNCIÓN PLAY
    vid2.play(); 
} 
 
 
function pauseVid() { // FUNCIÓN PAUSE
    vid2.pause(); 
}
 
 
function video1(){ // ESTO LO HAGO PARA QUE DESAPAREZCA EL PLAY APAREZCA EL POUSE
    setTimeout("document.getElementById('play2').style.visibility='collapse'",0);   
    setTimeout("document.getElementById('pause2').style.visibility=''",1000);   
    }
function video1_volver(){ // INVERSO DE LO ANTERIOR
    setTimeout("document.getElementById('play2').style.visibility='visible'",1000); 
    setTimeout("document.getElementById('pause2').style.visibility='collapse'",0);  
    }
 

Detalle no menor: Si yo saco el video del bxslider y lo dejo suelto en el html, la función si hace que reproduzca/pause el video, pero estando dentro del bxslider no... lo reproduce en segundo plano (no lo veo nunca) y el video al pasar el slide está ahí como si fuera en stop, si doy click lo veo y escucho el otro que sigue en segundo plano

mil gracias