LibreVideoJS HTML5 Player Wordpress Plugin - Rating, Reviews, Demo & Download
Plugin Description
LibreVideoJS HTML5 Player Es un plugin que soporta la reproducción de vídeo en escritorios y dispositivos móviles. Ahora es muy fácil incrustar archivos de vídeo que están alojados externamente o internamente utilizando la biblioteca LibreVideoJS.
Características del Reproductor HTML5 LibreVideoJS
- Incrustar vídeos sensibles para una mejor experiencia de usuario mientras se visualiza desde un dispositivo móvil.
- Incrustar vídeos en HTML5 que son compatibles con todos los principales navegadores
- Incrustar vídeos con Poster de imagen
- Incrustar vídeos usando el reproductor librevideojs
- Reproducir un vídeo automáticamente cuando se procesa la página
- Incrustar vídeos subidos a su biblioteca multimedia de WordPress con vínculos directos en el código de acceso
- No requiere saber un montón de programación, basta con instalar y empezar a incrustar vídeos
- Ligero y compatible con la última versión de WordPress
- Limpia y elegante reproductor con ninguna marca de agua
- Suplencias para tipos de archivos compatibles con HTML5 (WebM, Ogv), también soporta MP4 pero NO es recomendable por cuestiones de Patentes.
LibreVideoJS HTML5 Player Plugin Usage
Para incrustar un vídeo en un nuevo post/página utilice el siguiente código de acceso:
[librevideojs_video url="http://example.com/wp-content/uploads/videos/myvid.webm" url_calidad="1080p" code="webm"]
Aquí, “url” es la ubicación del archivo de origen de vídeo WEBM (VP8 y VP9 codificados). Necesita reemplazar la muestra la URL con la URL real del archivo de vídeo.
Video Shortcode Options
Las siguientes opciones son compatibles con el código de acceso.
Resoluciones y Selector de calidad
Puede especificar un archivo de vídeo Ogv además de la fuente WebM & OGV archivos de vídeo.
Los parámetros, url es el recurso de vídeo, url_calidad (ejem: 4k, 2k, 1080p, 720p, etc) es la calidad del vídeo url.
No se olvide de poner code=”webm” o code=”ogv” dependiendo de la extensión de su archivo.
Luego también es necesario especificar con el comando selector=”resolución a mostrar” la resolución predeterminada (720p, 480p, 360p, 240p, 144p), ejemplo:
[librevideojs_video url="http://example.com/wp-content/uploads/videos/myvid.webm" code="webm" url_calidad="1080p" selector="360p"]
[calidades lvjs_calidad="720p" src_video="video720.webm" lvjs_code="webm"]
[calidades lvjs_calidad="480p" src_video="video480.webm" lvjs_code="webm"]
[calidades lvjs_calidad="360p" src_video="video360.webm" lvjs_code="webm"]
[/librevideojs_video]
Solucionado desde gráficos.
Subtítulos o leyendas
Para especificar los subtítulos utilice el comando ‘track’ seguido de los parámetros: ‘kind’, ‘subt’, srclang’,’label’, ‘default’ (opcional) desde HTML. Solucionado desde gráficos.
Es recomendable que los subtítulos se alojen en su sitio web, es decir si tu sitio es https://www.example.com/ los subtítulos deben tener como ejemplo:
https://www.example.com/subtitles/mi_subtitulo.vtt en cualquier lugar de tu sitio web, caso contrario NO se cargarán si lo importas desde otro sitio web (http://otrositioweb.com/subs/subtitles.vtt).
[librevideojs_video url=”http://example.com/wp-content/uploads/videos/myvid.webm” url_calidad=”1080p” code=”webm” selector=”360p”]
[track kind=”captions” subt=”http://localhost/web/wp-content/uploads/subtitles/en.vtt” srclang=”en” label=”English”]
[track kind=”captions” subt=”http://localhost/web/wp-content/uploads/subtitles/es.vtt” srclang=”es” label=”Español” default=”true”]
[track kind=”captions” subt=”http://localhost/web/wp-content/uploads/subtitles/pt.vtt” srclang=”pt” label=”Portuguese”]
[/librevideojs_video]
Pre-carga
Especifica cómo el vídeo debe ser cargado cuando se carga la página. De manera predeterminada esta en “Auto” (el vídeo debe cargarse completamente cuando se carga la página). Otras opciones:
- “metadata” – sólo los metadatos deben ser cargado cuando se carga la página
- “none” – el vídeo no debe ser cargado cuando se carga la página
[librevideojs_video url="http://example.com/wp-content/uploads/videos/myvid.webm" preload="metadata" url_calidad="1080p" code="webm"]
Controles
Especifica que los controles de vídeo debe ser mostrado. Su valor por defecto es “true”. A fin de ocultar los controles ajustar este parámetro a “false”.
[librevideojs_video url="http://example.com/wp-content/uploads/videos/myvid.webm" controls="false" url_calidad="1080p" code="webm"]
Al deshabilitar los controles los usuarios no serán capaces de interactuar con tus videos. Por lo tanto, es recomendable que habilite la reproducción sin usar el comando controls.
Auto-reproducción
Hace que el archivo de vídeo se reproduzca automáticamente cuando se cargue la página.
[librevideojs_video url="http://example.com/wp-content/uploads/videos/myvid.webm" autoplay="true" url_calidad="1080p" code="webm"]
Poster
Define la imagen para mostrar como marcador de posición antes de que el vídeo se reproduce.
[librevideojs_video url="http://example.com/wp-content/uploads/videos/myvid.webm" poster="http://example.com/wp-content/uploads/poster.jpg" url_calidad="1080p" code="webm"]
Lazo o Loop
Hace que el archivo de vídeo se inicie desde el principio cuando termine y continúe reproduciendo automáticamente.
[librevideojs_video url="http://example.com/wp-content/uploads/videos/myvid.webm" loop="true" url_calidad="1080p" code="webm"]
Silenciar
Especifica que la salida de audio del vídeo debe estar silenciada.
[librevideojs_video url="http://example.com/wp-content/uploads/videos/myvid.webm" muted="true" code="webm"]
Para obtener documentación detallada, por favor visite la página del plugin LibreVideoJS HTML5 Player
Todo
[librevideojs_video url="videooriginal.webm" code="webm" url_calidad="1080p" selector="480p"]
[calidades lvjs_calidad="720p" src_video="video720.webm" lvjs_code="webm"]
[calidades lvjs_calidad="480p" src_video="video480.webm" lvjs_code="webm"]
[calidades lvjs_calidad="360p" src_video="video360.webm" lvjs_code="webm"]
[track kind="captions" subt="http://localhost/web/wp-content/uploads/subtitles/en.vtt" srclang="en" label="English"]
[track kind="captions" subt="http://localhost/web/wp-content/uploads/subtitles/es.vtt" srclang="es" label="Español" default="true"]
[track kind="captions" subt="http://localhost/web/wp-content/uploads/subtitles/pt.vtt" srclang="pt" label="Portuguese"]
[/librevideojs_video]
Screenshots
Para capturas de pantalla, visite la página del plugin LibreVideoJS HTML5 Player