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>
Related
I have an iframe in which the content is draggable and droppable. I have used this iframe in another page which autogenerates one more parent iframe. The drag-drop feature is working in all another browser except chrome 72. It is working in all other lower versions of it. this automatic Iframe has no source. When I put my own src inside this auto-generated iframe. The drag-drop feature worked.
The autogenerated Iframe is like this:
<iframe allow="geolocation *; microphone *; camera *" frameborder="no" height="600px" id="0660o000007CIdc" marginheight="0" marginwidth="0" name="0660o000007CIdc" scrolling="no" title="DragDropTest" width="100%"></iframe>
and my inner iframe is
<iframe allow="geolocation *; microphone *; camera *" frameborder="0" height="600" id="theIframe" name="theIframe" scrolling="no" src="https://test1.officescope.com/verunasfservicetest/DragDropTest.html" title="Content" width="800"></iframe>
What's the issue here?
It was introduced with Chrome update - 72. It has been raised with Chromium team. As per the chromium team, it happens only when you have iframe inside iframe.
Please look at this - https://bugs.chromium.org/p/chromium/issues/detail?id=936299#c19
Workaround: Run google chrome with following command - chrome.exe --disable-features=VizHitTestSurfaceLayer,VizHitTestDrawQuad,VizDisplayCompositor
Try below url with above workaround and you will be able to drag and drop.
<iframe src="https://dragdropiframedemo.azurewebsites.net/Home.html" width="640" height="480">
I have a iframe from google maps on my website and I am trying to display it on mobile but it does not appear on a Iphone 7. The iframe displays both on my mac and PC although I am unsure why it does not display on my phone?
<div id="map">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3318.696943944399!2d151.1583871672438!3d-33.71678997379185!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6b12a81ea4faa843%3A0x50a13de5485336ce!2sToolang+Oval!5e0!3m2!1sen!2sus!4v1544995023725"
width="100%" height="300" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>
Live Link
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:
The src of iframe is a URL to a video. Every time when the page is loaded, it asked me whether to save or open the video. But the video show well on firefox and chrome. When the URL points to video on youtube, it works too. Anyone has the same problem? My IE is 11. But it should work on most IE versions.
<iframe width="550" height="400" src="http://techslides.com/demos/sample-videos/small.mp4" frameborder="0"></iframe>
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.