I call an external page into a iframe, In mozilla firefox runs fine but Google Chrome doest show images
example here: https://jsfiddle.net/jorgemorgado25/m1xugp3y/2/
<iframe
src="https://flixe.streann.com/live/"
width="100%" height="400"
scrolling="yes"
frameborder=0>
I have this youtube embed video:
<iframe width="100%" height="700" src="https://www.youtube.com/embed/9NAG-3hwvS0" frameborder="0" allowfullscreen></iframe>
but in google chrome, the preview image does not appear. Why? It works in firefox and ie, but not chrome
Here is a screenshot of what I see:
I want to show a youtube video in html 4. For that, I am using iframe. But the content of iframe is not showing.
<iframe frameborder="1" width="420" height="345" src="https://www.youtube.com/watch?v=C8kSrkz8Hz8"></iframe>
FYI: I am using Firefox 29.0 and Chrome 35.0. Both browsers are showing the same result.
Change your src with //www.youtube.com/embed/C8kSrkz8Hz8
your code shoud look like this
<iframe frameborder="1" width="420" height="345" src="//www.youtube.com/embed/C8kSrkz8Hz8"></iframe>
Find code under each video on youtoube at Share menu.
When you try to put the whole YouTube page into an iframe, it sends a HTTP header called X-Frame-Options with the SAMEORIGIN value, which tells the browser, that the page can only be displayed in a frame on the same origin as the page itself.
You should use the provided embed code (you can find it below every YouTube video), which is also an iframe, but with a different URL. It will only show the player.
In this case, the embed code would be:
<iframe width="560" height="315" src="//www.youtube.com/embed/C8kSrkz8Hz8" frameborder="0" allowfullscreen></iframe>
replace you Iframe with this one. this works for you.
<iframe width="640" height="390" src="//www.youtube.com/embed/C8kSrkz8Hz8" frameborder="0" allowfullscreen></iframe>
missing attributes are: frameborder="0", allowfullscreen
You should change the youtube URL to remove the "s" so it looks like this:
<iframe width="420" height="345" src="//www.youtube.com/embed/C8kSrkz8Hz8" frameborder="1" allowfullscreen></iframe>
You should also be able to embed a youtube video from the page. Please see the screenshot attached:
I tried it this way and worked for me. Changing your src="https://www.youtube.com/embed/C8kSrkz8Hz8"
following the other parameters.
I'm unsure as to why I'm unable to see the full screen button when viewing an embedded youtube video through an iframe in chrome. This only occurs in chrome (tested with Firefox, IE, Safari, Chrome).
You can see what I mean with the below fiddle as it renders through an iframe.
<iframe width="560" height="315" src="//www.youtube.com/embed/BKorP55Aqvg" frameborder="0" allowfullscreen></iframe>
http://jsfiddle.net/9sgng/
Is this a bug/google preference or is there a way around it?
I worked out that I only had allowfullscreen on the youtube iframe, but you also need it on the iframe that is holding the youtube iframe.
I'm brand new to HTML and trying to develop some basic skills and build a knowledge base by writing example pages. I copy and paste the default youtube embed code and paste it in my code. If I use the old code, I get a big white box. The new code yields a box containing dialog which states that firefox could not find the page. Chrome loads the object with no issues. Here is the code:
<iframe width="560" height="315" src="https://www.youtube.com/embed/OIDnYMODZAQ" frameborder="0" allowfullscreen></iframe>
Try using http instead of https
<iframe width="560" height="315" src="http://www.youtube.com/embed/OIDnYMODZAQ" frameborder="0" allowfullscreen></iframe>