I'm doing responsive website. I tried it on every browser and everything is ok, however than I displaying that page on iphone i notice a bug, media queries in css on iframe not working in the page. Any ideas how to make it work?
Here is the page: http://saulesmiestas.lt/lt/aukstu_planai/1
Related
I’ve been trying to use the iframe code provided by Facebook to Livestream videos on a website at the same time it is streaming on Facebook. Unfortunately, I have not been successful with it. Can someone please clarify what am I missing here? Please see an example of how I’m doing it at the moment.
When scheduling a live video and before clicking on the “Schedule Live Video” button, I copy the iframe code available on Facebook. See image below:
Image 1 iframe
I usually paste this iframe code on the website but no video is streamed when the Livestream is happening on Facebook. The screen always stays blank. I tested it in JS fiddle as well. For testing purposes, I used the iframe code for the post and the iframe code for the video.
If I use the iframe code for the post, it works fine - the post image display on the screen. See below.
Image 2 iframe
However, if I use the iframe for the video it shows me a blank screen – before and during the Livestream. Image below.
Image 3 iframe
My question: Is there a way to use the iframe code to Livestream the video on a website at the same time as it is streaming on Facebook? What am I doing wrong?
I have issue on ipad/iphone under safari browser for embed iframes.
So, in generally, behavior of this iframes - they keep their height, but iframe contend doesnt shows, so there just blank space instead google embed map or youtube iframe.
How can I solve this?
I faced this once and I can only solve this by using google API.
Safari doensn't work well with iframe tags.
I have a facebook app built using iframe. It works ok on most modern browsers except Safari on Windows platform. On Safari windows platform, the cookies seem to get lost as a user move from initial form page to 2nd page with questions.
Here is the live link
http://on.fb.me/1hCfgOX
Can someone help me on how to fix this?
Ok, i found a fix for it which works perfectly. Checkout the following links:
Safari 3rd party cookie iframe trick no longer working?
Facebook Iframe App with multiple pages in Safari Session Variables not persisting
And
http://lightyearsoftware.com/2009/11/on-the-pain-of-developing-for-facebook/
I hope this will fix your issue also, as it fixed mine. If you got any problem, let me know.
Thank you
besides header, you might also need to add w3c/p3p.xml and w3c/policy.p3p files to your website. See here for more details and sample files: Session null in IFrame in ASP.net MVC only in safari browser
I have a page integrated with Facebook comment box (social plugin) which work perfectly in desktop browser, however it's not working when I use a iPhone to browse the page, a Facebook "loading" keep showing and the comment box didn't come out.
I have tired the following too:
Browse the same page with a Android phone, OK
Browse the same page with a iphone 3rd party browser (I use a QR code scanner browser), OK
Browse the same page with iphone safari, NOT OK
I found this bug report at facebook at Jan, but no response: https://developers.facebook.com/bugs/171818679588280?browse=search_4f26fb988bf8d0c61735624
Anyone have an idea on this? Many thanks!
there is no iframe code for the comments plugin - the html5 code works, but it doesn't resize for the iphone, which causes lots of layout problems. I used a conditional css for iphone sized: ( you have to wrap the code in a div with class "facebook-wrap")
#media screen and (max-width: 460px) {
.facebook-wrap iframe {
width:300px!important;
left:0!important;
position:relative!important;
max-width:100%;
}
.comments_wrap.section{padding:0}
Use the "iframe" code instead of the javascript
The iframe loads properly on the page tab in chrome on my computer (I'm admin of the page), but when I try to view from another FB account on same computer via Safari or Firefox, no luck.
Also, the iframe doesn't load for others.
I had the same problem. The iframe was not loading in Safari but it was loading in Firefox. And it was also loading correctly in Safari on another computer.
After about 3 hours of searching, trying and investigating, I finally found the solution.
It seemed to be a (simple) caching problem.
What I did is I cleared all website data of Safari.
Then it worked.