How to allow embed external videos in Hype animation on SSl site?

video

(Alex) #1

Hello @Daniel

I installed SSL on our sites, but some embedded video does not display, and it show some warning message as:


the message are:

<


[Warning] [blocked] The page at about:blank was not allowed to display insecure content from http://player.youku.com/embed/XMTYxMzQxNjAwNA==.

[Warning] [blocked] The page at about:blank was not allowed to display insecure content from http://player.youku.com/embed/XMTYxNTg2NjMxNg==.

[Warning] [blocked] The page at about:blank was not allowed to display insecure content from http://player.youku.com/embed/XMTYxMzQxNjAwNA==.

[Warning] [blocked] The page at about:blank was not allowed to display insecure content from http://player.youku.com/embed/XMTYxNTg2NjMxNg==.

**or you might like check at the page at

https://www.lovcour.com/lovcour/bornwithit**

Also some videos does not work proper from local server:

https://www.lovcour.com/lovcour/lovcourpup/lovcourpopmer
https://www.lovcour.com/lovcour/lovcoureco/lovcourecodev
https://www.lovcour.com/lovcour/lovcoureco/lovcourecomer
https://www.lovcour.com/lovcour/lovcoureco/lovcourecoqua

I supposed that it was caused by the plugin of Autoptimize(https://wordpress.org/plugins/autoptimize/) to optimize CSS an JS, and it support by excluding custom JS.

Since there is no waring message at frontend, and I do not know which Js I should exclude , so I completely deactivated Autoptimize plugin, and also try upload Hype OAM file again, but video still not show up.

So, how to show the embed video from local server with SSL site? is OAM format compatible with SSL?

Alex


(Alex) #2

Hi @Daniel,

I just found, Even Autoptimize is activated, those video from local server still will show up in Google chrome and Firefox.

But In Safari, not matter Autoptiminze is activated or not, that will not show up, it seems only related to SSL, anyway to resolve it?

Or, Alternatively, since the video file is larger that other content and it will need more time to load., anyway to pop up those videos and to be loaded in a popup layer on click an button?

Thanks.

Alex


#3

I think browsers are becoming more strict regarding what content will be shown on a page initially loaded over https – this is the browser’s content security policy, and the only way to overcome this is to embed external content from other domains via https on https pages.

Here’s their advice for overcoming the issue: https://developers.google.com/web/fundamentals/security/prevent-mixed-content/fixing-mixed-content

So if the youku site supports https, you should use that embed code. If not, you could optionally force those pages to be loaded over http so that ‘mixed’ content is not an issue. If the .html page which contains your embeds is loaded over http, there would be no issue. (It looks like your site forces https, which in my opinion is a good thing)


Fixing broken video, audio, & fonts and configuring your server to correctly serve content under the correct content-type
(Alex) #4

Hi @Daniel,

Thanks, I can make external videos work by adding their https URL, DiV seems more compatible way.

But for those videos from HYPE internal( I mean those videos that were input from my Mac, and I export .AOM files and upload to Wordpress), I still can not make them work in safari, but only work in chrome and Firefox, what might be the reason?

Alex


#5

I’m unable to load those pages, something going on with your SSL certificate?


(Alex) #6

Thanks,

I can open that page with Safari on my Mac book pro, and there is a test screenshot on pingdom, but it seems SSL does not compatible with Safari well?


In order to track the issue, here is a same video which uploaded to two subsites, the video on forum(without SSL) will display in Safari, but the one on www subsite will not display in safari:

https://www.lovcour.com/lovcourstory-2

http://forum.lovcour.com/lovcourstory

But both of these two video will show up in Firefox and Chrome.

Alex


#7

On this page: https://www.lovcour.com/lovcourstory-2 I’m getting this error:

[Error] Failed to load resource: the server responded with a status of 404 (HTTP/2.0 404) (autoptimize_a30ab5ecca6b088e6e7aa18b5d4e3872.js, line 0)
[Error] Failed to load resource: the server responded with a status of 404 (HTTP/2.0 404) (autoptimize_33e746b3235307de938bde86dc5b3de0.css, line 0)
[Error] Failed to load resource: the server responded with a status of 404 (HTTP/2.0 404) (autoptimize_33e746b3235307de938bde86dc5b3de0.css, line 0)