youtube-iframe-api shows Video unavailable for some videos inside iframe - youtube-iframe-api

For the project purposes, we implemented a youtube player inside the iframe inside out application and it worked for a long period (at least the last 2 years). And now we are facing with an issue for playing some of the videos:
I followed these instructions https://developers.google.com/youtube/iframe_api_reference to create prototypes with working and not working youtube player
Video with Hebrew title in video - https://www.youtube.com/watch?v=Y-_XAt1OFNI
https://www.w3schools.com/code/tryit.asp?filename=GU3ERZR46STN
It is not working
If we put the script out of iframe - it works well
https://www.w3schools.com/code/tryit.asp?filename=GU3FFVDKFWQR
Video with English title in video
https://www.youtube.com/watch?v=vE1kg4R47N0
https://www.w3schools.com/code/tryit.asp?filename=GU3EP4UAIPJE
And it is working well inside the iframe

I just ran into this issue on a site I'm building with CodeIgniter 4. Some videos play, some show "Video unavailable". It started when I enabled the secure headers filter.. Traced the problem to the Referrer-Policy, so I changed that from 'same-origin' to 'strict-origin-when-cross-origin', and now the unavailable videos play just fine.

Related

Video on my site won't play in chrome. If you click on another link and go back, than it plays just fine

Very strange. I uploaded the video in all three formats: .mp4, .ogv & .webm. It just won't play in chrome. In Safari and Firefox, it works just fine. The strange part is: it used to work fine until yesterday and it still works fine if you click on another link on my site and then go back.
I'm using the Salient theme on WordPress.
Link to the site
Does anyone have an idea why?
It's due to Chrome's new autoplay policy - it will not autoplay videos on first load unless the video is muted. Can you add 'muted' to the video attributes?
Source: https://developers.google.com/web/updates/2017/09/autoplay-policy-changes
Edit: there should be a 'Mute Video' option in the Video Background settings of your row.

Mediaelementjs in Wordpress not working

alright, I've busted my brain trying to figure this out.
I'm trying to use the mediaelementjs audio player in my Wordpress site and have read a bunch of tutorials saying that mediaelementjs is now part of the Wordpress Core and that a simple [audio] reference will make the player live.
However, every time I try it I just get a blank Soundcloud box that says "url is not a valid soundcloud address".
I've tried the enque method in functions.php for custom js but all it does is break the js that's used for mobile devices.
Is this an issue with the theme I'm using? Or is there a reason Soundcloud seems to randomly be the default (even though I haven't installed the Soundcloud Is Gold plugin)?

YouTube iframe for Windows 8 app

So I'm using YouTube's iframes in order to show some videos in my app. The thing is I cannot make the videos fullscreen.
I'm using this code:
<iframe width="560" height="315" src="http://www.youtube.com/embed/RnYcPJTtV1A" frameborder="0" allowfullscreen></iframe>
If you write that on a single html file the browser (all of them) will show you the fullscreen button on the far right. But, that same code on a Win8 app (html of course) will display the video but will not show the fullscreen button.
Do you thing that's what YouTube (google) wants? I mean, should I be doing anything different?
Regards
Sebastian,
Something to keep in mind is that iframe within a Windows Store app is designed for limited use only. The certification requirement 2.4 states:
The primary experiences your app provides must take place within the
app
One needs to be very careful about including content from sites you do not control via iframe in a Windows Store app, because this content can change without warning in ways that may break your app or introduce unexpected behavior.
Because YouTube videos may use either Flash or HTML5 for playback, you may find that some videos simply will not play in the context of a Windows Store app, because ActiveX controls are not available in that context.
Given all that, I would not expect to be able to play full-screen video embedding YouTube videos via iframe in a Windows Store app.

How to make standard app store link on top of mobile webpage similar to other sites like youtube

When you browse to sites like youtube, decide, and many others on your iphone's safari, their mobile web show a link to their app on the top of the page with x button to close and status of app (like if it's already installed to have open button instead of install).
This looks pretty standard to many sites. Is there a script of these code that I can copy for my mobile site link to app?
Thanks.
You just need to add this meta tag (with the relevant details filled in accordingly) to the head of the page on your mobile site that you want it to show up on:
<meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL">
Apple's Developer site has documentation on it http://developer.apple.com/library/ios/#documentation/AppleApplications/Reference/SafariWebContent/PromotingAppswithAppBanners/PromotingAppswithAppBanners.html
Note that this is an iOS6+ feature though.

problem YouTube channel with IE browser

I had youtube channel where I had for in my web site to display this videos from youtube channel .I did my code well but I had a problem with IE browser the sound continuous after I closed the player as you must let the player work after it finished ,So what I can Do?
You probably didnt reset either the object or embed container or something.
Thing is that internet explorer embeds flash differently.
You probably just deleted the content element so it became invisible but did not unset the flash media.
consider using this widely used javascript library to take care of all that for you:
http://code.google.com/p/swfobject/

Resources