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>
Related
I want to allow fullScreen video in iframe player. you can see my code here.
function App() {
return (
<div className="App">
<iframe
height={"315px"}
allowfullscreen
webkitallowfullscreen
mozallowfullscreen
oallowfullscreen
msallowfullscreen
width={"560px"}
src={`https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4`}
/>
</div>
);
}
allowFullScreen - if set, applies the allowFullScreen param (deprecated in HTML5). If set, adds allow="fullscreen".
You can use this Code to display Your Video in Fullscreen.
<iframe src={video} allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true" height="500px" width="800px"></iframe>
And btw don't mind the way I specified video url you can use whatever suits your needs.
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
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"
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;
}
All I want to do is embed this banner, I have tried every possible combination and googled as much as I can. Here are my current live attempts.
Non wordpress - http://mch.co.uk/centrallondon/iframetest.shtml
With this code:
<iframe
src="http://www.mch.co.uk/centrallondon/immac.html"
width="445"
height="85"
scrolling="no"
frameborder="0" ></iframe>
Wordpress - http://mch.co.uk/centrallondon/iframe-test.shtml
With this code:
[iframe
width="640"
height="480"
src="http://www.mch.co.uk/centrallondon/immac.html"]
<iframe
src="http://www.mch.co.uk/centrallondon/immac.html"
width="445"
height="85"
frameborder="0"
scrolling="no">
</iframe>
The wordpress one includes a shortcode from an iframe embedding plugin.