WordPress Popup Iframe Youtube Https con PrettyPhoto

3 minutos de lectura

avatar de usuario
Arnout Pullen

Hace unos días, convertí mi sitio web a https. Tuve muchos problemas pero se solucionaron. Pero el último problema que tengo es que los videos de youtube ya no funcionan como una ventana emergente con prettyphoto, solo aparece una pantalla en blanco o negro. Cuando inspecciono la ventana emergente, el iframe de youtube se carga a través de HTTP, en lugar de https.

<a href="https://www.youtube.com/watch?v=#" dat-rel="prettyPhoto[product-gallery]" title="My YouTube Video">
    <img src="https://img.youtube.com/vi/#/default.jpg" alt="YouTube" width="50">
</a>

¿Alguien está familiarizado con este problema? ¿O alguien tiene una función para mi sitio web de WordPress, por lo que cada iframe que tengo se carga a través de https en lugar de HTTP?

prettyPhoto usa de forma predeterminada solo http para sus enlaces de video iframe. El problema es que si su sitio es seguro, no cargará el contenido inseguro.

El problema también se describe, con un par de soluciones y un intento de fusión, en su página de github: https://github.com/scaron/prettyphoto/issues/156

Dada la versión 3.1.6 sin minimizar, una solución rápida es editar el archivo prettyPhoto.js y simplemente agregar una s después de http, ya que no hay nada de malo en cargar contenido seguro desde cualquier contexto. Edítelo alrededor de la línea 282 y 297 (uno es para youtube, otro es para vimeo).

Línea 282, editado:

movie="https://www.youtube.com/embed/"+movie_id;

Línea 297, editado:

movie="https://player.vimeo.com/video/"+ match[3] +'?title=0&amp;byline=0&amp;portrait=0';

  • Para jquery.prettyPhoto.js (minificado), simplemente busque y reemplace http://www.youtube.com/embed por https://www.youtube.com/embed en jquery.prettyPhoto.js

    – Melomán

    30 de agosto de 2017 a las 8:03


avatar de usuario
Sotavento

Solución alternativa para vídeos de PrettyPhoto + Youtube/Vimeo

Está bastante claro que esta publicación tiene varios años; sin embargo, publicaré esta solución alternativa con respecto al problema con PrettyPhoto que no muestra contenido de video ( como Youtube + Vimeo ), con la esperanza de que otras personas que estén experimentando este problema puedan usar esta solución.

Después de haber explorado la web y todos los foros en busca de una solución sobre cómo hacer que los videos de Youtube + Vimeo se muestren dentro del modo PrettyPhoto, y después de haber revisado el javascript innumerables veces sin resultados, probé una solución que ya existe dentro de PrettyPhoto: Usando el iFrame.

Una vez que sus videos de Youtube o Vimeo se usen de la manera que se muestra a continuación, se abrirán ( puede cambiar el tamaño del iFrame según sus especificaciones, ya que está configurado para mostrarse al 100% del ancho ) :

<a href="https://www.youtube.com/embed/AAsMVW8njzw?iframe=true&width=100%&height=100%" rel="prettyPhoto[iframe]" title="Click To View Video">Your Youtube Video</a>

También puedes usar una imagen para la portada o una miniatura:

<a href="https://www.youtube.com/embed/AAsMVW8njzw?iframe=true&width=100%&height=100%" rel="prettyPhoto[iframe]" title="Click To View Your Youtube Video"><img src="https://assets.entrepreneur.com/content/3x2/2000/20180117155526-youtube.jpeg" width="700" height="400" alt="View Youtube Video"/></a>

Espero que esto ayude a cualquiera que todavía esté usando Linda foto.

¿Ha sido útil esta solución?

Esta web utiliza cookies propias y de terceros para su correcto funcionamiento y para fines analíticos y para mostrarte publicidad relacionada con sus preferencias en base a un perfil elaborado a partir de tus hábitos de navegación. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Configurar y más información
Privacidad