Embed html5 video player in facebook - html

I know this question has been asked many times.
I read everything on the topic.
It's exactly the same problem here
I have a custom html5 video player that I'd like to use inside a facebook post, like youtube or vimeo does.
I added the correct meta tags but when I post the link of the player and click on play, I get a white screen with a "Download file" anchor.
It was suggested that this feature is on trial with youtube (and maybe vimeo or other partners)
Is it still the case or am I missing something ?
Do I need an app approval from facebook ?

Related

Discord Plays Embedded Videos That Don't Allow Embedding, How?

I'm trying to create a website using angularJS and I want to show youtube videos. So I have setup the means to do that, but some videos don't allow embedding and say "Video Unavailable" only when you press Play. However, when I post the exact same links into discord through Chrome, they do play. Looking through the DOM tree, I can see Discord embeds those same videos using an iframe and Discord CAN play them. I've had a look at the YouTube API and can't seem to see anything on it, anyone know how Discord does this?
This video allows embedding: https://www.youtube.com/embed/zoSJ3bNGPp0.
While this one doesn't: https://www.youtube.com/embed/JfJYHfrOGgQ

How to post a video in an ifram to facebook? [duplicate]

When something is shared from youtube to facebook, facebook is now showing the youtube html5 player.
If you look up one of their urls (https://www.youtube.com/watch?v=uuS5ZyQhvsk) in the open graph debugger you can see that they are now providing open graph meta data for their html player as well as the flash one.
I also have a player that sits in an iframe, and am now including the same tags that youtube is, minus the flash ones as we don't have a flash player, but it isn't working and facebook is giving me this error which doesn't make sense:
Share has playable media but will not play inline because it would cause a mixed content warning if embedded. Add a secure_src or make the video src secure to fix this.
This is the information facebook is reading:
This is the url as an example that is generating that error: https://www.la1tv.co.uk/player/124/260
All I can think is that Facebook has made some kind of deal with youtube and this isn't available for everyone yet, but that isn't clear from that error.
All of the content on our site is served over https.
Anyone know what's going on or got this working?
I can't find any documentation anywhere on facebook how to do this.
I posted a similar question a while back when I was trying to get this working but at this time youtube was still only providing the flash player to facebook.
It looks like someone else was having a similar issue here.
According to WizKid this is currently in a trial period for YouTube and hopefully will be rolled out to everyone at a future date.

Can I request YouTube to let my site play restricted embedded video?

I am working on a site that will allow users to upload their videos on my site, for example a dance performance. I am using <iframe></iframe> to embed video. Everything was going fine, but suddenly I noticed YouTube is restricting some videos to play on my site.
In my case the error was:
I know some users have asked similar questions like 'why it is happening' etc. I know it has to do with some copyright issues, for example a dance performance may have a background music playing which happens to be someone others property. The thing is, I am not 'claiming' copyrights and even, not me but my users will upload their videos from their YouTube accounts(using URL).
So Is there anyway to play all those videos like if I can request YouTube to let my site play those videos with a disclaimer explaining that my site doesn't have copyrights of these videos?
Does using iframe to point at the non-embedded youtube widget work? If so you could use javascript to extract the player from the regular youtube.
Not sure about the legality of that.
What are you trying to do? Potentially you could use the youtube api and make a mobile app that is not embedding videos.

Embedding video player html5 iframe in facebook share like YouTube

When something is shared from youtube to facebook, facebook is now showing the youtube html5 player.
If you look up one of their urls (https://www.youtube.com/watch?v=uuS5ZyQhvsk) in the open graph debugger you can see that they are now providing open graph meta data for their html player as well as the flash one.
I also have a player that sits in an iframe, and am now including the same tags that youtube is, minus the flash ones as we don't have a flash player, but it isn't working and facebook is giving me this error which doesn't make sense:
Share has playable media but will not play inline because it would cause a mixed content warning if embedded. Add a secure_src or make the video src secure to fix this.
This is the information facebook is reading:
This is the url as an example that is generating that error: https://www.la1tv.co.uk/player/124/260
All I can think is that Facebook has made some kind of deal with youtube and this isn't available for everyone yet, but that isn't clear from that error.
All of the content on our site is served over https.
Anyone know what's going on or got this working?
I can't find any documentation anywhere on facebook how to do this.
I posted a similar question a while back when I was trying to get this working but at this time youtube was still only providing the flash player to facebook.
It looks like someone else was having a similar issue here.
According to WizKid this is currently in a trial period for YouTube and hopefully will be rolled out to everyone at a future date.

Embedding html5 video with opengraph on facebook

I have built a web site for our student tv station and the concept is pretty similar to youtube. We would like for our videos to be playable directly in facebook when shared, with the videos themselves still hosted on our server and our stats being updated.
The player on the site uses videojs and is all working with the html5 video tag. There is also an embeddable version of the player that can run in an iframe. Ideally I'd like this to be used on facebook but don't think it's possible. This is what I've attempted at the moment with the og:video:type value set to text/html and og:video set to the embeddable player url and it doesn't appear to work. Here is an example page, and here is the embeddable player for it.
The only other ways I've seen is to specify a url to the video file, or a url to a flash player.
All of our videos are rendered at different qualities/resolutions and on our site and embeddable player there is a quality selection bar that changes the video url in the player. However it looks like with opengraph and facebook there is no way of giving it the urls to the different qualities or having the user pick the one they want on facebook, meaning we're stuck with forcing everyone to watch at one of the qualities. Is this right?
So then the only other option that appears to be available is building a custom flash player which has quality selection built into it. From what I can tell this is what youtube is doing. Is this the only option though because I don't want to build a custom flash player for Facebook to then decide in a few months that they're not supporting flash anymore?
I realise similar questions have been asked already but I couldn't find a definite answer and some of them were over a year old.
Thanks.
Facebook is currently trialing iframes with YouTube. Hopefully the support will be rolled out to everyone soon.
More info at this question: Embedding video player html5 iframe in facebook share like YouTube