=== LibreVideoJS HTML5 Player === Contributors: Jesús Eduardo Estupiñán Medina, Jorge Maldonado Ventura Donate link: https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=94ETCSCSGNQVJ&lc=AL&item_name=librevideojs&item_number=Apoyo%20a%20LibreVideoJS¤cy_code=USD&bn=PP%2dDonationsBF%3abtn_donateCC_LG%2egif%3aNonHosted Tags: video, wpvideo, html5, iPad, iphone, ipod, mobile, playlists, embed video, librevideojs, player, video player, embed, lightweight, minimal, myvideo, responsive Requires at least: 4.2 Tested up to: 4.7 Stable tag: 1.0.2 License: GPLv3 or later License URI: http://www.gnu.org/licenses/gpl-3.0.html Incrusta archivos de vídeo con LibreVideoJS bellamente en WordPress, sensible a distintas resoluciones de pantalla y compatible con LibreJS. == Description == [LibreVideoJS HTML5 Player](https://es.wordpress.org/plugins/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](https://notabug.org/Heckyel/LibreVideoJS). = Características de LibreVideoJS HTML5 Player = * 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. * Limpio 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. = Uso del Plugin LibreVideoJS HTML5 Player = 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 'url' con el enlace real del archivo de vídeo. Cuando se trata de un solo vídeo NO es necesario escribir `url_calidad` para especificar la calidad. = Opciones de Shortcode de vídeo = 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" - solo 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 vídeos. 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(cartel)** 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"]` **Loop(lazo)** 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](https://es.wordpress.org/plugins/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] ` == Installation == 1. Ir a la pantalla de agregar nuevos plugins en el Dashboard de WordPress 1. Haga clic en la ficha de carga 1. Busque el archivo del plugin (librevideojs-html5-player.zip) en tu ordenador 1. Haga clic en "Instalar ahora" y, a continuación, pulse el botón 'Activar' == Frequently Asked Questions == = ¿Este plugin puede ser utilizado para incrustar vídeos en WordPress? = Sí. = ¿Puedo incrustar vídeos con varias resoluciones con este plugin? = Sí. = ¿Puedo incrustar subtítulos en el vídeo con este plugin? = Sí. == Screenshots == Para capturas de pantalla, visite la página del plugin [LibreVideoJS HTML5 Player](https://es.wordpress.org/plugins/librevideojs-html5-player) 1. screenshot-1.png 2. screenshot-2.png 3. screenshot-3.png 4. screenshot-4.png 5. screenshot-5.png 6. screenshot-6.png 7. screenshot-7.png 8. screenshot-8.png 9. screenshot-9.png 10. screenshot-10.png 11. screenshot-11.png 12. screenshot-12.png 13. screenshot-13.png 14. screenshot-14.png == Upgrade Notice == Ninguno == Changelog == = 1.0.2 = * First commit