Visualización borro...
Avisos
Vaciar todo

Visualización borrosa de videos YOUTUBE en sitio web  

Página 1 / 2
 
felipe
 felipe
Honorable Member

Buenas:

Hemos creado un artículo y a través de AVR Media hemos insertado unos testimonios de clientes grabados previamente y subidos a nuestro canal de youtube. Lo que ocurre es que la calidad de la imagen antes de pulsar PLAY aparece pixelada (imagen adjunta VIDEOS WEB) y, sin embargo, cuando le damos al PLAY se ve perfectamente.

Sin embargo, hace unos meses hicimos la misma operación en otro artículo (imagen adjunta VIDEOS WEB1) y no ocurre este problema, se ve la imagen claramente.

¿Qué hemos hecho mal?

Gracias 🙂

URL del sitio: http://www.ihdemu.com

Citar
Respondido : 30/04/2012 8:00 pm
Miguel Tuyaré
 Miguel Tuyaré
Honorable Member

Hola Felipe:

Eso puede deberse a algún ajuste en el tamaño de los videos.

Normalmente lo que muestra Youtube es la primer imágen del video o bien, en algunos casos se puede especificar cuál tomar.

Revisa la configuración de ajuste en cuanto al tamaño del video en el componente.

ResponderCitar
Respondido : 30/04/2012 8:21 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

felipe
 felipe
Honorable Member

Hola Miguel:

Gracias por tu respuesta.

Fue lo primero que pensé y modifiqué, pero no tiene nada que ver porque reduzco el tamaño y sigue viéndose pixelado. Y si te fijas, en el documento VIDEOSWEB1 el tamaño es considerablemente mayor y, sin embargo, se ven con una resolución perfecta.

Gracias y saludos 🙂

ResponderCitar
Respondido : 01/05/2012 5:34 pm
felipe
 felipe
Honorable Member

Y acabo de comprobar algo interesante.

Cuando adjunto un video en un artículo mediante AVR aparece el código {youtubejw width="225"}EJK23sUMD7E{/youtubejw} y es cuando se ve borrosa la imagen en pausa, antes del darle al play, como indicaba anteriormente.

Pero si lo hago de esta manera {youtube}EJK23sUMD7E{/youtube} el video se ve perfectamente pero a un tamaño quizás demasiado grande para lo que deseo. y sin posibilidad de editar tamaño o añadir una leyenda-texto en la parte inferior como los otros videos.

Gracias 🙂

ResponderCitar
Respondido : 01/05/2012 5:46 pm

Cursos Gratuitos WordPress

Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Moderator

Hola felipe,

En el canal de Youtube tuyo las miniaturas que son aproximadamente el mismo tamaño que la que indicas en tu captura las veo correctamente.

¿Puedes facilitar la url exacta donde podamos ver en tu sitio dichas miniaturas para ver como se están generando o desde que fuente?.

Saludos

ResponderCitar
Respondido : 01/05/2012 9:57 pm
felipe
 felipe
Honorable Member

Hola Luis:

Aquí tienes el enlace http://www.ihdemu.com/en/component/content/article/39-c-dedicatorias/143-dedicatorias-videos.html

Verás que hay 3 videos de prueba en el formato que indicaba anteriormente en la parte inferior.

Gracias mil 🙂

ResponderCitar
Respondido : 01/05/2012 10:23 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Moderator

Hola felipe,

Justamente los 3 vídeos de abajo son los que visualizo correctamente y los 6 de encima con pixelado.

¿Puedes facilitar el código completo (en un archivo .txt comprimido .zip) del artículo que has indicado para ver detalles?.

Saludos

ResponderCitar
Respondido : 01/05/2012 10:29 pm
felipe
 felipe
Honorable Member

Gracias, Luis.

Lo siento, mis conocimientos no llegan a lo que me pides; si me explicas un poco más los pasos, por favor, lo hago con mucho gusto.

ResponderCitar
Respondido : 01/05/2012 10:33 pm

Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Moderator

Hola felipe,

Vale 🙂

¿El apartado "Dedicatorias de vídeos" es un artículo o un módulo?.

Si es un artículo, la idea es que deshabilitando momentáneamente tu editor JCE o el que uses, copies el texto con códigos que se mostrará para "Dedicatorias de vídeos" y lo pegues en un archivo de Notepad (texto plano) y lo guardes en tu PC y luego lo comprimas con Winzip o el que uses en formato .zip y lo adjuntes aquí para que lo veamos.

Saludos

ResponderCitar
Respondido : 01/05/2012 10:36 pm
felipe
 felipe
Honorable Member

Jejejeje, ahora sí, gracias. Aquí lo tienes.

Es un artículo, por cierto.

Gracias de nuevo.

ResponderCitar
Respondido : 01/05/2012 10:48 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Moderator

Hola felipe,

Aparentemente el problema es algo evidente una vez visto el código.

{youtubejw width="225" height="200"}mZqFZ0G3tDc{/youtubejw}

Youtube por defecto crea una vista del vídeo o "thumbnail" basándose en un fotograma y en un tamaño concreto que responde a unas medidas establecidas por el canal.

En el momento que tu fuerzas con un width y un height estás provocando que la imagen de representación del fotograma fuerce su representación a las medidas que impones que posiblemente no sean proporconales (en escala) a las que ellos establecen y eso provoca por lo que parece el pixelado de dichos fotogramas clave o que se usan para representar el video en cuestión.

Prueba a publicar uno si forzar el tamaño en el código del artículo y en todo caso indica en el plugin el tamaño que deben tener por defecto dichos vídeo y nos cuentas los resultados.

Saludos

ResponderCitar
Respondido : 02/05/2012 12:18 am
felipe
 felipe
Honorable Member

Hola Luis:

Gracias por tu respuesta. No contábamos con eso al utilizar AVR. En cualquier caso, ¿cómo editamos el plugin para tener por defecto el tamaño deseado?

Y otra cosilla: ¿existe la posibilidad de incluir videos en un artículo, a tamaño editado y que se agranden y se active el play al picar sobre ellos, como en una fotografía?

Gracias de nuevo

ResponderCitar
Respondido : 02/05/2012 11:18 am

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

felipe
 felipe
Honorable Member

Acabo de comprobar que sin modificar ancho y alto del video a través de AVR Media - aparece por defecto 300x200 - el pixelado tb aparece.

El tamaño de estos videos es en el que, por defecto, aparecen los videos que colocamos sin AVR Media, directamente copia-pega de youtube.

Gracias

ResponderCitar
Respondido : 02/05/2012 11:37 am
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola felipe,

Puedes enviarnos una captura de la configuración del plugin que estas utilizando.

Para realizar una captura de pantalla puedes emplear las siguientes opciones en función del sistema operativo que utilices:

Windows: - La forma más rápida es pulsado la tecla "Impr-Pant" (habitualmente en la parte superior derecha del teclado) o en ordenadores portátiles "fn"+"impr-pant" lo que genera una captura de la pantalla actual en la memoria de su PC. Posteriormente debe abrir un programa de gestión de imágenes, Paint, Photoshop, etc., crear un documento "Nuevo" y pegar la captura desde el menú "Edición" -> "Pegar" o utilizando la combinación de teclas: "Control"+"V". Posteriormente guardar la captura preferiblemente en formato ".jpg".

En la medida de lo posible trata de evitar incrustar capturas en documentos de Word ya que la perdida de resolución es grande y dificulta la correcta visualización de la imagen.

Mac: - Pulsar la combinación de teclas "cmd"+"Shift"+"3 para capturas de pantalla completa o "cmd"+"Shift"+"4" para seleccionar una zona a capturar.

Linux: - Pulsar la tecla "Impr-Pant" (habitualmente en la parte superior derecha del teclado). Eso abrirá una ventana con la imagen capturada con las opciones de "Copiar al portapapeles" o "Guardar" como archivo .png (por defecto).

También puedes utilizar algunas de estas extensiones para Firefox y Chrome que te permiten realizar capturas de "área visible", "página completa" o "área seleccionada" y guardar las capturas directamente en formato .jpg o .png:

- ScreenGrab Firefox: https://addons.mozilla.org/es-ES/firefox/addon/1146/
- ScreenGrab Chrome: https://chrome.google.com/extensions/detail/mdddabjhelpilpnpgondfmehhcplpiin?hl=es-ES
- Awesome Screenshot - Capture and Annotate - Firefox: https://addons.mozilla.org/es-ES/firefox/addon/awesome-screenshot-capture-/

Saludos.

ResponderCitar
Respondido : 03/05/2012 12:47 am

Cursos Gratuitos WordPress

felipe
 felipe
Honorable Member

Buenos días:

Aquí la tienes.

Gracias

ResponderCitar
Respondido : 03/05/2012 8:31 am
Página 1 / 2