My iframe comes back blank.
<iframe src="http://www.victradeshall.com/mcauley/76123Ilj71jh/334254jdlIa91iI194L71l872lI1/index.html"/>
I am using Firefox 29.0 and Chrome 35.0. Both of the browser are showing the same result. What is the problem?
I set this up in JSFiddle to check it was working, which it is:
http://jsfiddle.net/0r11e1jg/
<iframe width="420" height="315" src="http://www.victradeshall.com/mcauley/76123Ilj71jh/334254jdlIa91iI194L71l872lI1/index.html"></iframe>
The only difference between your code and mine is that I've added in width and height.
If it's not working then I'd think it is probably a wordpress related issue, and I'd recommend that you take a look at this thread:
https://wordpress.org/support/topic/using-iframe-in-wordpress
It could be that you need to install a plugin - like this one which will allow you to put wordpress in place:
https://wordpress.org/plugins/advanced-iframe/
This thread gives you some other options on the various plugin options:
https://wordpress.org/support/topic/using-iframe-in-wordpress
Hope that helps!
Related
So basically I recently made a video for a assignment and I copied the embedded code from You tube and pasted it in Brackets.io and after I clicked save and then pressed live preview it didn't work and when I went to the website that shows you the many reasons why live preview won't work one of those reasons was
"Bug #7935: Live CSS does not update if page contains an iframe (including injected iframes such as ads or social media buttons)."
So how do I fix this?
If Anyone knows please reply back to me!
I suppose you use for embedding a video a kind of code like this:
<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY">
</iframe>
I usually use this for holding videos in my webs, so if this still gives you problems, you should use another editor, maybe Visual Studio Code and install an extension call Live Server by Ritwick Dey, which does the same as Bracket's Live Preview.
I am developing a webpage for a client, and they want to have their Facebook feed in a sidebar. I was happy to find out that it is very easy to embed a Facebook feed, but was unhappy to see that it doesn't seem to work.
After really scratching my head on the issue, I decided "hey, maybe it just isn't working in Firefox", so I factored down to the least common denominator and fired up IE - sure enough, it shows up with no issue in IE. Here is a screenshot of the difference:
http://i.imgur.com/WQ9br1A.png
To make matters a little more strange, this isn't a universal issue in Firefox for me. iframes are showing up great everywhere else. The W3Schools test page, for instance, shows up fine... unless I'm using the Facebook code. For those unfamiliar with it, Facebook provides automatically generated code for feed embeds, and it is as follows:
<iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Ffacebook&tabs=timeline&width=340&height=500&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId" width="340" height="500" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true"></iframe>
I suspect since this is the only frame that is giving me issues, there's something wrong with Facebook's code, but it strikes me as odd that a web giant such as Facebook would provide developers with faulty code that was untested on a popular web browser.
Is there something wrong with Facebook's code? My Firefox? Help much appreciated.
I am displaying an in-line PDF with the following code:
<object data="document.pdf" type="application/pdf" height="400px" width="600px"></object>
For most, this renders fine.
I have a user who is using Firefox version 45 who is getting an error saying "Plugin needed to display this content" - see below image:
I am just now starting to use PDFs with HTML so not completely familiar with this - and am only using it for specific purposes and when I need to do it.
Obviously I need it to display properly in all browsers and any help on how I can prevent this from happening would be appreciated.
I took a look at your issue and did some snooping in a bunch of forums and even in the Mozilla help section itself.
As best as I can tell, as of at least 9 months ago according to a couple of the forums I saw, there is no fix for that bug with Firefox 45.
That said, there is a bit of a work-around that you could do to allow visitors to still have access to that PDF. I will give you some code to try and then I will provide an explanation. Here goes...
<object data="document.pdf" type="application/pdf" height="400px"
width="600px">
<p>This browser does not support PDFs. Please download the PDF to view
it: Download PDF.</p>
</object>
So basically what is going on is you have to provide a "fall-back" for the visitor to go to so they can download the pdf to look at it. There are other tags you can use, like the embed tag and I believe iframe tag, but the object tag is the only option that allows you to provide a fall-back for your visitors if their browser doesn't support something.
By the way, it is weird if there truly isn't a plugin for Firefox 45, because the tag has been supported in browsers for the longest time!
Anyway, I hope that helps and please post your results. :)
Oh one more thing! Here is a link to a website that has been useful to me. You can use it to see which browsers support a particular thing or not. The site is:
http://caniuse.com/
So I'm doing some work on a site to make it compatible for IE8 (Client request, don't ask). Now the website contains some videos in iframe tags which are displaying blank in IE8.
According to Blank iFrame in IE I have to write 'position:relative' in order to show the video. Below is my full tag:
<iframe width="100%" height="100%" src="https://www.youtube.com/embed/whatever" frameborder="0" style="position:relative;" ></iframe>
This however, doesnt seem to work. Even with position:relative it still shows as blank.
The above 'Blank iFrame in IE' question is a number of years old so I'm wondering has there been any changes sinse HTML5 in how this should operate? Or should the code still work and I'm doing it wrong?
Now my IE8 working well after figure this out.. Firstly i have an experience like you do such as blank content.
So here the few step to fix this.
Try installing shockwave player.
After that on menu setting click tools > manage add ons
and enable it the shockwave flash object
Let me know the result. Regards.
I have a problem where I am building some html pages on my local machine and I am trying to embed a youtube video into a page using the provided code:
<iframe width="560" height="315" src="//www.youtube.com/embed/oBjWLXLroWc" frameborder="0" allowfullscreen></iframe>
However when I test the page locally I get file not found C:\desktop\testsite\http://www.youtube.com...., etc
Anyone know why this is happening, I don't believe I have encountered this before.
Browsers used are latest FF and latest Chrome, both show file not found. Have checked all code and nothing seems wrong, I can show local content (same directory) in the iframe no problem. Also tested with other external sites/resources and same issue.
Thanks
Add an http: to the start of your src:
<iframe width="560" height="315" src="http://www.youtube.com/embed/oBjWLXLroWc" frameborder="0" allowfullscreen></iframe>
I assume you are accessing the file via "file://C:/desktop/testsite/index.htm" or something similar?
"...src="//www.youtube."... uses the protocol/scheme in the address/location bar which in this case is "file://...." which would give you the result you are experiencing.
To fix this you need to install some web server software WAMP or IIS depending on if you wish to do server side coding at some point.
PHP - WAMP - http://www.wampserver.com/en/
ASP.NET IIS - http://www.iis.net/
Good luck!
This is probably happening because you are developing locally. Try using WAMP or XAMP to develop. Or upload your changes to your domain and test again. As heems mentioned, you can adjust your code to use the absolute path by including the http:// to your url. Using just // takes you to the base or root of your path. Because the base of your html document is your C: drive, it goes to that to find/build the URL.
This page may help explain it better than I can. - http://en.wikipedia.org/wiki/File_URI_scheme