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:
Related
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 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 am trying to open a link in an iFrame. The following code works in both Chrome and Firefox, but not in Safari. Safari opens the link in a new tab.
I have also tried setting an id on the iframe (id = name), but that did not help.
<iframe name="videoframe" src="" width="640" height="360" frameborder="0"
webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
{{ $skill->title }}
The $skill->url holds a valid url, and the $skill->title holds a title.
I need some help as to how to get safari to open this link in the iframe, and not in a new tab.
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.