Iframe full screen not working in Chrome? - html

I am integrating Slideshare in my website. Slide presentation is coming fine in small window. But the problem is slide presentation in full screen is not coming in Chrome(website slider itself displaying in full screen). In Mozilla its working fine. Only issue with Chrome.
Website link: http://test.kiadb.in/
place used the iframe is next to invest Karnataka image refer image
This code I have used for Iframe <iframe src="http://www.slideshare.net/slideshow/embed_code/56692337" frameborder="2" allowfullscreen="allowfullscreen"></iframe>
Thanks in Advance.

try this way
<iframe src="http://yourpage.com" frameborder="0" allowFullScreen="true" webkitallowfullscreen="true" mozallowfullscreen="true"></iframe>

Please try this iframe.
<iframe src="http://www.slideshare.net/slideshow/embed_code/56692337" frameborder="2" allowfullscreen></iframe>
I think it will work for you.

I got a error in console
just try to solve that
Error pic
and try this iframe
<iframe src="http://www.slideshare.net/slideshow/embed_code/56692337" frameborder="2" allowfullscreen="allowfullscreen" webkitallowfullscreen mozallowfullscreen oallowfullscreen msallowfullscreen></iframe>

Make sure that your Iframe is not inserted in another iframe embed code. If that is the case, the parent iFrame must have the allowfullscreen="true" parameter as well.

Try this
allow="autoplay; encrypted-media" allowfullscreen="allowfullscreen" mozallowfullscreen="mozallowfullscreen" msallowfullscreen="msallowfullscreen" oallowfullscreen="oallowfullscreen" webkitallowfullscreen="webkitallowfullscreen" frameborder="0"

Related

How to autoplay iframe with video in Chrome

I googled answer and didn't find any for this. How can you autoplay videos in chrome. This is what I have tried:
<iframe allow="fullscreen; autoplay" allowfullscreen="true" src="https://example.com"></iframe>
I found answer in internet but not in stackoverflow so I would leave it here so someone can find it:
<iframe allow="autoplay *; fullscreen *" allowfullscreen="true"
src="https://example.com">
</iframe>
There's surprisingly little info on this around. After much searching, I found this to work.
To modify the code to include an autoplay function, simply insert this
after the alphanumeric code:
?rel=0;&autoplay=1
Example:
<iframe width="560" height="315"
src="https://www.youtube.com/embed/iG9CE55wbtY?rel=0;&autoplay=1" frameborder="0"
allowfullscreen>
</iframe>
Reference: https://support.gospacecraft.com/hc/en-us/articles/202694610-Set-Video-to-Autoplay
simply add autoplay function to your code: "?autoplay=1" after the link (inside the double quotation marks).
<iframe src="https://example.com?autoplay=1"></iframe>
refer this will explain you better.
In order to autoplay a video, the iframe needs to include autoplay=1 in the src property and allow=autoplay property as well.
<iframe src="https://example.com?autoplay=1" allow="autoplay"></iframe>

Allow you tube video full screen

In my html I have this:
<iframe width="420" height="315"
src="http://www.youtube.com/embed/XGSy3_Czz8k?autoplay=0&allowfullscreeen=1">
</iframe>
But when I try to make video full screen it says that I can't do this.
How do I fix this?
You can check the example here http://www.w3schools.com/html/tryit.asp?filename=tryhtml_youtubeiframe doesn't go fullscreen too
Try this, when you are using firefox.
<iframe src="your_page_url" allowfullscreen="allowfullscreen" mozallowfullscreen="mozallowfullscreen" msallowfullscreen="msallowfullscreen" oallowfullscreen="oallowfullscreen" webkitallowfullscreen="webkitallowfullscreen"> </iframe>
Try the allowfullscreen like this:
<iframe width="420" height="315"
src="http://www.youtube.com/embed/XGSy3_Czz8k?autoplay=0" webkitallowfullscreen mozallowfullscreen allowfullscreen>
</iframe>
I found this answer on a previous question which was posted here: YouTube iframe embed - full screen

Fullscreen is not working on my website

This is the code:
<iframe width="400" height="300" src="https://www.youtube.com/embed/4HXFnO5yW0U" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
However, the results are these:
The fullscreen button is disabled for some reason
Anybody knows what is wrong?
According to this youtube support article, the reason the button is disabled could be:
Your browser permissions linked to full screen youtube videos
Your browser addons or extensions preventing the functionality
I've tried the code on Google Chrome v47.0.2526.106, and the full screen button seems to be working fine.
You could try using another video URL and see if that works, then you'll have a clearer idea of the issue
Update Code and try
From
<iframe width="400" height="300" src="https://www.youtube.com/embed/4HXFnO5yW0U" frameborder="0" allowfullscreen></iframe>
To
<iframe width="400" height="300" src="https://www.youtube.com/embed/4HXFnO5yW0U" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
Alternatelly try css
embed,
iframe,
object {
max-width: 100%!important;
max-height: 100%!important;
}

iFrame not being rendered correctly

I have an iFrame used to display a site with a video.
On Chrome or any other normal browser works perfectly.
When using CustomBrowser i made based on GeckoFX, i inspect the html and only the code for the iFrame is visible, no rendered html with Head , body etc..
The problem is in the iFrame not being rendered in GeckoFX or maybe the content?
Hardcoded html
<iframe allowfullscreen allowtransparency="true" class="vzaar-video-player" frameborder="0" height="254" id="iFrameVzaar" mozallowfullscreen name="iFrameVzaar" src="//view.vzaar.com/5263881/player?apiOn=true" title="vzaar video player" type="text/html" webkitallowfullscreen width="448"></iframe>
When i render in chrome it loads the whole website with html structure, but not in GeckoFX browser.
Maybe try this :
<iframe allowfullscreen allowtransparency="true" class="vzaar-video-player" frameborder="0" height="254" id="iFrameVzaar" mozallowfullscreen name="iFrameVzaar" src="//view.vzaar.com/5263881/player?apiOn=true" title="vzaar video player" type="text/html" webkitallowfullscreen width="448"></iframe>
<script>
var _theframe = document.getElementById("iFrameVzaar");
_theframe.contentWindow.location.href = _theframe.src;
</script>

Can't put website in iframe

I'm trying to put g2a.com website in an iframe, but it doesn't work. When I insert code below to my html file g2a website, it is opening full screen, and I have g2a.com in address bar. It is working with any other website I have tried so it has to be something specific about g2a.com. Anyone have an idea how to make it work with iframe?
<iframe src="https://www.g2a.com/" width="50%" height="50%" frameborder="0" marginheight="0" marginwidth="0">
<p>Click here! (Your browser does not support iframes)</p>
</iframe>
g2a.com uses a framebraker, to avoid using this site in an iframe..
you can still add a
sandbox="allow-scripts"
in your example:
<iframe src="https://www.g2a.com/" sandbox="allow-scripts" width="50%" height="50%" frameborder="0" marginheight="0" marginwidth="0">
<p>Click here! (Your browser does not support iframes)</p>
</iframe>
to your iframe, which works in most newer browsers. This prohibits that the website in the frame can affect the main window.