Guía del programador

Estos son algunos consejos sobre cómo ajustar el (2.1.32+) comportamiento FV Flowplayer.

• WordPress Filtros
• JavaScript Cómo
• La determinación de la duración del vídeo

Filtros de WordPress disponibles

Usted probablemente ya sabe cómo funciona filtros de WordPress, puedes leer el filtro de referencia en wordpress.org aquí.

Lista de filtros disponibles:

• fv_flowplayer_ad_html – le permite personalizar lo que hay en el anuncio que muestra una vez que el vídeo comienza a reproducirse. Puede usar $ post global para comprobar lo posterior se está sirviendo.
• fv_flowplayer_autobuffer_limit – personalizar la forma en muchos videos deben ser autobuffering cuando la opción plugin está habilitado. El valor predeterminado es 2.
• fv_flowplayer_amazon_expires – le permite personalizar el tiempo de caducidad URL en cuestión de segundos. El primer argumento es la duración y la segunda es la dirección URL del archivo
• fv_flowplayer_amazon_secure_exclude – le permite excluir URL del proceso o la adición de los tokens de acceso. URL del archivo es el argumento, devuelve true para omitir el archivo.
• fv_flowplayer_attributes – primer parámetro es un array de todos los jugadores DIV atributos elemento, la segunda es la URL del video. Puede usar $ post global para comprobar lo posterior se está sirviendo. Los atributos más importantes son:
  •   class – clase CSS del elemento
  • data-cuepoints – le permite poner en cuepoints. Utilizar datos como [10, 30, 60, 120]
  • data-embed – ajustado a «false» para deshabilitar incrustar de vídeo
  • data-engine – establecido en «flash» para preferir Flash para el video
  • data-fullscreen – se establece en «false» para deshabilitar la opción de pantalla completa
  • data-key – clave de licencia
  • data-keyboard – establece en «false» para desactivar los atajos de teclado
  • data-logo – camino a su logotipo jugador. Sólo funciona con una clave de licencia válida.
  • data-rtmp – establecer el URL de punto final RTMP
  • style – la attrribute estilo en línea del contenedor jugador. Usuario para las dimensiones de vídeo.
• fv_flowplayer_inner_html – le permite insertar cualquier HTML en el contenedor jugador, justo después de los elementos de vídeo y emergentes 
  
• fv_flowplayer_popup_html – le permite personalizar lo que hay en la ventana emergente que muestra al final del video. Puede usar $ post global para comprobar lo posterior se está sirviendo.

Háganos saber si le falta algún filtros!

Ejemplo

Agregar un botón de reproducción para controlar la barra de los jugadores (de fácil de hacer, ya que es sólo una clase CSS):

add_filter( 'fv_flowplayer_attributes', 'tweak_fv_flowplayer_attributes', 10, 2 );

function tweak_fv_flowplayer_attributes( $attrs ) {
    $attrs['class'] .= ' play-button'; return $attrs;
}

El uso de la API JavaScript Flowplayer

Cómo agregar el código

Utilice el filtro WordPress estándar llamada wp_footer. Siguiendo el ejemplo de código (que puede o bien ponerlo en un nuevo plugin o en functions.php de su plantilla) Controles posteriores meta y si se encuentra, salidas de un JavaScript que se desencadena cuando se reproduce el video:

add_action('wp_footer', 'my_fv_flowplayer_scripts',10,3);
function my_fv_flowplayer_scripts( $script ) {
    global $post;
    if( get_post_meta( $post->ID, 'tweak_player', true ) ) {
        $args = func_get_args();
        $script .= "
        jQuery('#$args[1]').bind('ready', function() {
            alert( 'Video just started!' );
        });
        ";
    }
    return $script;
}

Esto podría ser mejorado para (por ejemplo) desencadenar una función personalizada para detener el video después de 5 segundos de juego y mostrar algunas emergente. Por supuesto, puedes utilizar cualquiera de los eventos de la API FlowPlayer.

También se puede simplemente poner un código como este en cualquiera de sus archivos JavaScript y afectará a todos los jugadores. Mismo ejemplo como el anterior, pero esta vez afectando sólo en el primer jugador en cualquier página:

<script>
if( typeof(flowplayer) != "undefined" ) {
    var api = flowplayer(0);
    api.bind('ready', function() {
        alert( 'Video just started!' );
    });

}
</script>

También se puede simplemente poner el código en el pie de página de la plantilla. Pero a comprobar que funciona con su plugin Minify si utiliza uno.

Métodos de la API Importantes

• disable(flag) – indicador establecido en true para deshabilitar, falsa para volver a habilitar el jugador
• fullscreen() – alternar pantalla completa
• load(video) – vídeo debe ser una matriz como:

  [{ mpegurl: 'http://mydomain.com/my/other/video.m3u8'},
  {webm: 'http://mydomain.com/my/other/video.webm'},
  {mp4: 'http://mydomain.com/my/other/video.mp4'},
  {ogg: 'http://mydomain.com/my/other/video.ogv'}]
  

• next() y prev () – siguiente y anterior artículo lista de reproducción
• pause() – pausar el video
• play(index) – juego de vídeo, índice uso para especificar la posición en la lista de reproducción
• resume() – reanudación de la reproducción después de la pausa
• seek(time) – tratará de tiempo
• stop() – detiene la reproducción y vuelve al inicio del vídeo
• unload() – descargar el jugador
• volume() – volumen del reproductor set

Uso como en los ejemplos anteriores:

api.disable(false);

Eventos importantes de la API

• beforeseek – cuando se inicia el proceso de búsqueda. La tercera argumento es el objetivo de tiempo de búsqueda.
• cuepoint – cuando se alcanza un cuepoint. La tercera argumento es un objeto con el tiempo de referencia y el índice.
• error – cuando se produce un error. La tercera argumento es el objeto con la descripción del error.
• finish – cuando la reproducción ha terminado.
• fullscreen y fullscreen-exit – al entrar en / fuera de pantalla completa.
• load – primer evento jugador, antes de que el vídeo comienza a reproducirse
• mute y volume – desencadena sobre el cambio de silencio o volumen
• pause y stop – desencadenantes en pausa / detener la acción
• progress – se produce cada 250 ms como se reproduce el video
• ready – una vez que se carga el vídeo.
• seek – pidiendo se completó.
• unload – cuando el jugador vuelve a entrar en el estado de inicio.

Compruebe por encima de ejemplos con bind para ver cómo usar estos.

Muestras rápidas de JavaScript

Siempre ponga sus scripts en gancho wp_footer hook o incluirlos en footer.php continuación wp_footer() llamada.

1. inicialización del jugador a través de JavaScript

Hacer dimensiones que el elemento se ha fijado o conjunto de ellos a través de JavaScript. Asegúrese de que no hay ninguna etiqueta de vídeo existente en el elemento, como Flowplayer utilizará ese lugar:

jQuery('#your-element').flowplayer({ playlist: [ [ {mp4: "http://example.com/videos/file.mp4"} ] ] });

Si a continuación desea reemplazar el video con algún otro, puede simplemente eliminar el elemento e insertar uno nuevo con un nuevo jugador, o utilizar alguna otra llamada a la API para reemplazar el video juego.

2. Cómo usar los métodos de la API anteriores

Sólo tiene que elegir el elemento, llame flowplayer () en él y el de su método.Como este:

jQuery('#your-element').flowplayer().play();

La determinación de Video

Cómo conseguir mirado

En primer lugar es necesario tener Integraciones -> duración del video Scan. Al activar esta opción pone todas sus entradas con código corto en una cola y luego un cron escanea los videos en los mensajes y almacena las longitudes de video.

Guardar un mensaje también desencadena el cheque.

• Hay un límite de tiempo estricto al guardar un poste – 2 segundos. Si el vídeo no se comprueba correctamente dentro de ese tiempo (mala codificación, conexión lenta del servidor), entonces se pone en una cola para el trabajo cron programado. Así que es posible que no vea todas las duraciones de vídeo de inmediato.
• La duración del vídeo se comprueba sólo una vez por URL. Si cambia sustancialmente su video, esperamos que también cambia el nombre del archivo.
• Si usted realmente necesita actualizarlo, puede quitar _fv_flowplayer_% de meta para su ID de mensaje en la tabla wp_postmeta. Asegúrese de que la copia de seguridad de su base de datos antes de continuar, a menos que realmente sepa SQL. Entonces desactivar / volver a habilitar las integraciones -> opción de duración del video Scan para ejecutar el video duración indexación de nuevo.

Lo que los vídeos son compatibles?

El vídeo tiene que ser adecuadamente codificada, los metadatos moov deben estar al principio del archivo. Actualmente no apoyamos esta para los flujos RTMP o HLS.

¿Cómo mostrar las duraciones de vídeo

Las duraciones de vídeo están acondicionados para:

1. Vídeos invididual
2. Listas de reproducción

El tiempo de duración se oculta en CSS, de no interrumpir los usuarios normales. Es necesario utilizar CSS para hacerlo visible:

1. Vídeos invididual – .fvfp_duration { display: block }
2. Listas de reproducción – .fp-playlist-external .dur { display: inline-block }

También puede utilizar después de PHP para mostrar la duración del primer video en un mensaje en sus plantillas:

echo flowplayer::get_duration_post( $post_id )

También puede utilizar este código corto para mostrar la duración del vídeo anterior en el puesto. Así que si usted tiene múltiples códigos cortos en el puesto, usted puede poner el código corto después de cada y se mostrará el tiempo.

[fv_time]