Facebook embedded video do not work on HTTP.

[MosheL]

I am trying to use Facebook Embedded, on HTTP website. Its doesn't works and I am reciving this error message:

Uncaught SecurityError: Blocked a frame with origin "..." from accessing a frame with origin "https://www.facebook.com". The frame requesting access has a protocol of "http", the frame being accessed has a protocol of "https". Protocols must match.

[rafa8626]

Can you provide a URL or the iframw code to check how you are setting it up? You are testing this on the 3.x-dev branch?

[rafa8626]

The issue is because you are using a URL that starts with https; change it to http and that might solve it

[MosheL]

tried with HTTP

    <video width="640" height="360" class="mejs-player" id="player1" preload="none" controls>
        <source src="http://www.facebook.com/johndyer/videos/10107816243681884/" >
    </video>

did not solve.

[MosheL]

@Ron666 I can send a link but not on public

[rafa8626]

Sure send it to my email; you will find it on my profile

[rafa8626]

@MosheL It should be fixed now; in the test file, the renderer was missing. Please let me know if that worked. Thanks

[rafa8626]

Can this ticket be closed?

[MosheL]

need to check it. thanks

[MosheL]

Update: I was re-downloaded the test file.
It works, but the Facebook Play/Stop/Progress toolbar is visible and make things ugly.

[rafa8626]

Unfortunately, this is a limitation on Facebook embed (as well as Vimeo) so nothing we can do about it

[MosheL]

If this is correct, we must disable the ME toolbar on this case.

[rafa8626]

@MosheL After some research I was able to achieve the hiding of controls; please download the latest version of 3.x-dev branch and let me know. Thanks

[MosheL]

1. Thanks !
2. still not resizable on build. on the origin size it works OK.

[rafa8626]

Thanks. I'll check this and keep you posted ASAP about the fix

[rafa8626]

@MosheL Please download and test this again; I found some issues and took me some time to figure out why fullscreen was not behaving as it should with the full player

[MosheL]

1. Thanks.
2. It did not work while clicking on progress bar. if FB can't support this we can just hide it.

[MosheL]

Update: other tools on toolbar did not work, and also Play after video ended.

[rafa8626]

Yeah Facebook videos are not as mature as the other renderers and are very limited with the features we offer related to time wise; for now just remove any features that don't work and I'll check the play issue. That will be the last thing I can do in the Facebook side. Thanks

[rafa8626]

@MosheL Fixed the issue with Play with video ended. Facebook right now doesn't account for a timeupdate event, making some of the features unusable. Please test and let me know. Thanks

[rafa8626]

@MosheL Update: I was able to make the progress bar click to work. Also, most of the features related to time must be working right now; please confirm and let me know

[MosheL]

Update: FB is working. I can skip the timeupdate and similar.

https://www.facebook.com/VirallUSA/videos/vb.201208910316415/204884829948823/
this is live. facebook live is in 1x1 and not in 16x9, so the Iframe changed size and overflowed.

[rafa8626]

I'll test setting dimensions for live videos I never considered that. Thanks for pointing this out

[MosheL]

update:

.mejs-mediaelement {overflow: hidden}
also, the Play event did not fired and the picture (mejs-poster-img) did not removed on this case. I can remove it manualy.

[rafa8626]

I'll give you an update soon. That link is still active?

[rafa8626]

I just used https://www.facebook.com/MdRaqibulHasanRana/videos/1121837361186419/ and no issues. The only thing I noticed is volume but I'm checking that right now. The link you posted is not active and that might be causing the issues you are seeing

[rafa8626]

@MosheL I haven't found any information in regards of live videos and how to interact with them. Seems that is very limited now. I'll continue searching but as it is right now, Facebook renderer is very stable. Feel free to close this ticket if you consider it. Thanks

[MosheL]

The problem is the live video are closed so I can't add a realable link. also there is a diffrent between RTMP-sourced live stream and phone-sourced live stream.

The live stream you are used is a RTMP-sourced and its 16x9. if you will use a phone and start broadcasting (like this ugly test: https://www.facebook.com/admini/videos/10154655923894932/?pnref=story ) you will get a diffrent ratio.

[rafa8626]

For now there's a lack of documentation as you know so there's no much we can do at this stage. As soon as updates come to the Facebook videos we'll integrate them or simply use the iframe

[MosheL]

so close this and reopen a new one about the live problem?

[rafa8626]

Yeah that's fine. Thanks