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

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 优酷视频云.

[Warning] [blocked] The page at about:blank was not allowed to display insecure content from 优酷视频云.

[Warning] [blocked] The page at about:blank was not allowed to display insecure content from 优酷视频云.

[Warning] [blocked] The page at about:blank was not allowed to display insecure content from 优酷视频云.

**or you might like check at the page at

Shop | Lovcour.com Smartwatches,Headphones,women's fashion backpacks,Laptop Backpacks,Suit Garment Bags,Camping Hiking Backpacks,Photography Backpacks,Schoolbags,Duffel Bags,outdoor sports backpack,Business Bags,Lovcour Travel Luggage Bags**

Also some videos does not work proper from local server:

Shop | Lovcour.com Smartwatches,Headphones,women's fashion backpacks,Laptop Backpacks,Suit Garment Bags,Camping Hiking Backpacks,Photography Backpacks,Schoolbags,Duffel Bags,outdoor sports backpack,Business Bags,Lovcour Travel Luggage Bags
Shop | Lovcour.com Smartwatches,Headphones,women's fashion backpacks,Laptop Backpacks,Suit Garment Bags,Camping Hiking Backpacks,Photography Backpacks,Schoolbags,Duffel Bags,outdoor sports backpack,Business Bags,Lovcour Travel Luggage Bags
Shop | Lovcour.com Smartwatches,Headphones,women's fashion backpacks,Laptop Backpacks,Suit Garment Bags,Camping Hiking Backpacks,Photography Backpacks,Schoolbags,Duffel Bags,outdoor sports backpack,Business Bags,Lovcour Travel Luggage Bags
Shop | Lovcour.com Smartwatches,Headphones,women's fashion backpacks,Laptop Backpacks,Suit Garment Bags,Camping Hiking Backpacks,Photography Backpacks,Schoolbags,Duffel Bags,outdoor sports backpack,Business Bags,Lovcour Travel Luggage Bags

I supposed that it was caused by the plugin of Autoptimize(Autoptimize – WordPress plugin | WordPress.org) 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

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

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)

1 Like

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

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

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

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)