Facebook Page Embed as iFrame not working [duplicate] - html

I am getting error when i try to embed Facebook page using Facebook Page Plugin
https://developers.facebook.com/docs/plugins/page-plugin/
Code
DO i need to select App ID or its optional, as it doesnt work for me i have created different App ID but it doesnt work with one or the other page which i try to embeb. I have tried same on different browser but Embed code doesnt show on page on FF browser i get following error
Firefox Can’t Open This Page
To protect your security, www.facebook.com will not allow Firefox to display the page if another site has embedded it. To see this page, you need to open it in a new window.
and on Chrome page show as below
This is how it looks on web page

Related

target="_blank" not working in Google Chrome on mobile devices (Android)

I used the tag to link a pdf (which is stored in a folder in my website) with the attribute target="_blank", but it doesn't work on mobile devices (android)
My code:
Catalogue
This works just fine on desktop, it opens the pdf in a new tab of the browser, as it should with the attribute target="_blank".
HOWEVER, I tested this on mobile and the result was:
It works on iPhone using safari, BUT it doesn't work on Android using Google Chrome. Instead of opening the pdf in a new tab it automatically downloads the file.
Is there any way to change this behaviour?
I've also tried using target="about:blank" instead, but it didn't work
Try using the rel=”noopener” or rel=”noreferrer” link attributes for every link.
The rel=”noopener” link attribute prevents the linked site from receiving access to the original web page that is linking out. This prevents the linked site from taking control or otherwise influencing the linking site.
The rel=”noreferrer” link attribute hides the referrer information from the site that is being linked to. When a site visitor clicks a rel=”noreferrer” link, the site being linked to won’t know what site referred the visitor.
For example, if you code a link like this:
<a href="https://www.example.com/" target="_SEJ" rel="noreferrer">
The above link will open in a brand new browser tab.
For further guidance do visit this site:
https://www.searchenginejournal.com/blank-link-attribute/435883/#close

iFrame not displaying in Safari

One of the sites I'm responsible for has a very odd issue and I feel like I'm up against a wall with it.
When loading
https://www.legacytitle-llc.com/resources/sellers-net-sheet/
in safari, the iframe (Net Sheet) doesn't load. If I open another browser tab and open the iFrame only, it loads, and if I then refresh the original page, it shows up.
How can I get the iFrame to load with the page when a user first hits it?

Chrome can't see images that require username/password

So this is a weird problem, I am attempting to embed a video stream from a D-Link DCS-930L into a web page. My embed looks like this:
<img alt="" src="http://guest:password#192.0.0.10/video.cgi">
The problem is that Chrome displays a broken link image when I load the page, while Firefox and IE load it perfectly the first time.
But the really strange part is that if I right click on the broken image > Open link in new tab the stream loads, and then if I close the tab and refresh the page with the embed it loads there too! So it's definitely something to do with the username/password requirement.
I have also tried creating a user without a password but I see the same issue. There is no setting to disable this requirement in the 930L's control panel that I can find.
Does anyone know how to fix this? If not, is there a way to use PHP to execute a login automatically for the above kind of URLs?
This appears to be intentional behavior on Chrome's part since v19. Bummer.

Safari address bar shows a blank page with "data:," after posting a form

When I post a form to my rails website (using turbolinks, not sure if it is relevant) from safari on mac, instead of redirecting to the next page, it just shows a blank page, with "data:," in the address bar.
I have an embedded youtube video on the page, in case that is relevant. Also, my form has a textarea that uses ckeditor.
The record is saved, just that it does not redirect to the show page as I would expect.
This does not happen on chrome.
The page source for the blank page shows up as:
<html> = $0<head></head><body></body></html>

How to open page in chrome app via html link

I am trying to convert my html webpage to chrome app, and have found this error:
When trying to click a link to another page within my app, it does not work. I click it and nothing happens. I had a look around, and read that I need to include target="_blank", but that just comes up with an error saying that there is no application set to open that file. I would like the page to open within the chrome app wrapper.
Here is my code: Click here to play