I've read a couple of documents (google searches) in working around Picture-in-Picture (PiP). It really says it is available only for video elements. (See reference: https://w3c.github.io/picture-in-picture)
Also looked into the code of PiP extension created by chrome
You can see from the code here that it finds the "largest" video element.
My question is, how did they make it work in YouTube embedded videos? It is inside an iframe, right?
I tried this approach in order to get the video inside the iframe. It will not work because of cross origin policy and it is clear that this is not the approach they used in the extension.
Someone know what's behind all this or someone else experiencing the same?
Related
I am having a difficult time embedding a YouTube video with the auto captioning (CC) button toggle. I have searched and the only thing I could find was documentation from Google stating I could add cc_load_policy=1 to the URL string to enable this.
After researching on here I came across this post: Youtube Closed Caption for HTML5 Not Working. One of the commenters mentioned they also set cc_load_policy to 1, however it looks like this may not longer be supported in newer videos? Is there a definitive source that states whether or not we can use automatic captioning in embedded videos? I would have assumed this should be an easy feature to add.
After extensive research and asking a good friend of mine who is a YT expert, no, it is not currently possible.
Only good workaround I see right now is Plyr: https://github.com/sampotts/plyr
Demo: https://plyr.io/
I tested it just now and it works great, but it's another plugin...
Exception: your own videos, you can turn CC on and it will reflect in the embedded versions, with a toggle button for CC (but will be on by default when the user plays the video on the page where it is embedded).
Cheers -
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.
I'm trying to get a vimeo video to properly embed, however the facebook object debugging tool will not pull in the right values. The scraping shows the main vimeo page and not the video page. I compared the two sources and they don't match at all.
So my question is, how can I force Facebook to clear it's cache? It's quite clearly having issues, I check the vimeo tags and everything looks fine.
I believe https://developers.facebook.com/tools/debug will clear the embed cache.
Is there any way to create a frame that loads a website other than using iFrame?
Picture this: Me, having a website and wanting to frame a blog into it, although when I use iframe the website displays correctly (for most of the part) but the links within the iframe website don't work.
I've seen many fixes although none have worked for me thus far, I'd greatly appreciate as much help as I may gain. Thank you to anyone who answers correctly!
There's a frame HTML tag, but is deprecated under HTML5 and works almost the same as iframe. The only difference is that a frame divides the entire window and an iframe is an inline frame.
So, no, the only way is using iframes. You have to correct your blog to work with iframes (If you want).
If you don't own the iframed blog, then using iframes is not a good way to work because, for example, you don't know if they are going to add iframe breaker codes in the future, so the best way is to add a link to open in a new window/tab.
My question of the day is: in the same way a UIWebView on XCode behaves, is it possible to embed a website or browser window in an Adobe Flash movie? Like an iframe, but within Flash itself.
Is this even technically possible? Do I even want to attempt this?
Thanks in advance.
The true answer is no.
But there are workarounds, one of them is the Flex Iframe mentioned above.
The workaround is based on a real iFrame rendered by JavaScript above the Flash and smart communication between Flash and that JavaScript.
The big drawback though is the wmode=opaque you have to use in order to enable anything to render above the Flash. There are accessibility issues, performance issues and even stability issues associated with the opaque mode, however sometimes you got to do what you got to do.
Check my question on this topic, especially note the Adobe Flash Player Bug and Issue link, do some investigation first to make sure it won't kill your project.
It would seem that it is possible. I have come across a few examples in the past, but never done it myself.
This link might help you with your research...
http://code.google.com/p/flex-iframe/
as might this, which has an explanation and further links...
http://www.deitte.com/archives/2008/07/dont_use_iframe.htm
I don't know how up to date this content is though.