...

...

¿Cómo se interpreta un tag javascript de E-Planning Video?

Cuando se extrae un tag desde la plataforma de E-Planning Video, este posee el siguiente formato:

...

• src (en rojo) indica la ruta de la libreria de video.
• data-video (en azul) indica el identificador unico del video a reproducir.
• data-client (en verde) indica el id de cliente de E-Planning.
• data-player (en naranja) indica el identificador unico del player a utilizar.
• data-div (en rosa) indica el div donde el video sera incorporado.
• data-skipoffset (en violeta) indica el tiempo en segundos luego del cual se permitira saltar los anuncios publicitarios.

...

↑ Regresar a la tabla de contenido ↑

 ¿Cómo puedo manipular los videos mediante la API Javascript?

Para manipular un video, es condición necesaria que el mismo se encuentre instanciado en un div con id (En el tag de ejemplo mencionado mas arriba, el player se instanciará dentro del div con id  'un_test'). Con el metodo método javascript  window.eplvideo(<div_id>) se referenciará a un video instanciado. Siendo <div_id> el id del div contenedor del video.

...

↑ Regresar a la tabla de contenido ↑

¿Qué métodos puedo aplicar sobre la referencia a un video instanciado?

Existe una amplia gama de métodos aplicables a un video instanciado.  A continuación,  describiremos cada uno de ellos:

...

Pause()

 Pausa el video

...

 Activa o desactiva el muteo del video segun según el valor booleano del argumento <bool> pasado.

...

...

↑ Regresar a la tabla de contenido ↑

¿Cómo puedo instanciar nuevos videos?

Para instanciar un nuevo video, primero se debe importar la libreria librería de video, indicando obligatoriamente data-client

...

donde  <div_id> debe corresponderse con el id del div donde se instanciara instanciará el video, y <config> con un objeto javascript que defina los atributos iniciales del video. Estos atributos son:

...

<script type='text/javascript' src='//hls.e-planning.video/video/js/eplvideo.js' data-client='1992D'></script>
<div id='un_ejemplo'></div>
<script>
	eplVideo('un_test').setup({
		player:		'VP_IDENTIFICADOR',
		video:		'adfeaf5b75be7e0a',
		responsive:	true,
		loop:		false,
		showTitle:	true,
		autoplay:	false,
	}); 
</script>

...

↑ Regresar a la tabla de contenido ↑

¿Qué eventos dispara una instancia del  video?

Una instancia de video posee múltiples eventos que pueden ser disparados en diferentes circunstancias. A continuación describiremos cada uno de ellos.

• volumechange: Evento lanzado cuando el volumen es modificado.
• seeked: Evento lanzado cuando se produce un salto en el tiempo actual de reproduccion.
• ready: Evento lanzado cuando el player esta listo.
• play: Evento lanzado cuando se inicia o reanuda la reproduccion de un video.
• pause: Evento lanzado cuando se pausa la reproduccion de un video.
• fullscreenchange: Evento lanzado cuando el estado 'pantalla completa' se activa o desactiva.
• ended: Evento lanzado cuando el video finaliza.

↑ Regresar a la tabla de contenido ↑

...

Contenido