Browser complains about mixed content on sites using SSL

[WileESpaghetti]

If a site is loaded using https:// youtube videos (and probably other embeds) will not load because the script hard codes http in the video URLs

Here's the error from the chrome web inspector:

Mixed Content: The page at 'https://$DOMAIN/' was loaded over HTTPS, but requested an insecure resource 'http://www.youtube.com/embed/$VIDEO_ID?rel=0&autoplay=1'. This request has been blocked; the content must be served over HTTPS.

[Patabugen]

With TLS sites becoming more popular this is going to cause more issues.

[vikkilea]

Currently having this issue. Please merge!

[MageNext]

I solved the problem by fixing the lines:

http://player.vimeo.com/video/"+i[3]+"?title=0&byline=0&portrait=0",settings.autoplay&&(movie+="&autoplay=1;"),

to

https://player.vimeo.com/video/"+i[3]+"?title=0&byline=0&portrait=0",settings.autoplay&&(movie+="&autoplay=1;"),

I gotta do it to every single site with prettyphoto & vimeo though...

[asadmalik]

@MageNext which file did you edited?
Thanks

[evilprogrammerng]

Edit PrettyPhoto.js

Replace every "http://" with "//" if you find any
Replace every "https://" with "//" if you find any

This will make pretty use same protocol with the browser, ssl or not.

[iSWORD]

is this project dead? why is this still not solved?

[bloggr]

``

After having scoured the entire web & every forum regarding the issue with PrettyPhoto not displaying Youtube or Vimeo video's - I have stumbled upon an alternative method of getting both to display.

The solution is to implement video ( media content ) via the iFrame solution.

As depicted above, simply pass the video as : https://www.youtube.com/embed/h3aVkc5MbDE?iframe=true&width=100%&height=100%
and then use : rel="prettyPhoto[iframe]

You can use an image ( like the example above ) or simple text

WITH IMAGE :

<a href="https://www.youtube.com/embed/h3aVkc5MbDE?iframe=true&width=100%&height=100%" rel="prettyPhoto[iframe]" title="Click To View Video"><img src="https://static.toiimg.com/thumb/msid-64590538,width-640,resizemode-4/64590538.jpg" width="640" height="390" alt="Youtube In Pretty Photo"/></a>

WITH TEXT :

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

`NOTE : If you want, you could include/show as many videos as you wish by simply changing the rel="prettyPhoto[iframe] to plural rel="prettyPhoto[iframes] - and just add the amount of vids you want below each iFrame.

Hope this will help anyone who may still be searching for the solution to this problem with PrettyPhoto