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 -
Related
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?
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.
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 want to post some mp4 videos in my site and I don't want to upload it to youtube or any 3rd party web app which will let me embed it into my website. I also don't want to use any blogging system like wordpress, drupal. So then what is the best way to post it to my site so that most devices will be able to view it. And can I customize the player which I use?
I have seen w3schools html5 video but I didn't find it helpful. I have also seen ' Video onto a website without plugins ' but I am not satisfied with that.
[Hint: I am ready to convert my video into any format required.]
Thanks in advance.
I have used video.js for this purpose, it worked for me. I haven't tried editing it much, but it has options.
http://www.videojs.com
Use the HTML 5 video element. You'll have to upload your video in different formats, since there is no video format that is supported by all browsers, but support for the video element itself is quite good. IE8 doesn't support it, but IE8 is already very old. With the video tag you don't need Javascript or flash plugins.
For an overview of browser support see CanIUse. Another source with much detailed information about video formats and how to convert them is DiveIntoHTML5.info.
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.