LibreVideoJS HTML5 Player Wordpress Plugin - Rating, Reviews, Demo & Download

LibreVideoJS HTML5 Player Wordpress Plugin - Rating, Reviews, Demo & Download
No ratings yet
Free
Follow for free plugins, new theme releases and theme news

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


Reviews & Comments