I'm working on a html5 app and i have a section with a videos of youtube..on iOS works well,so opens on full screen but on android doesn't.
My code is:
<iframe width="100%" height="200%" src="https://www.youtube.com/embed/VwHa2ARYIdA?autoplay=0&showinfo=0&controls=0" allowfullscreen="allowfullscreen"></iframe>
Any help?
Try this:
<iframe width='100%' height='200%' src='https://www.youtube.com/embed/VwHa2ARYIdA?autoplay=0&showinfo=0&controls=0' allowfullscreen ></iframe>
it works for me...
Related
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:
I want to show full screen option in <iframe> for dailymotion video.
I have tried this one
<iframe id="vid_frame" src="http://www.dailymotion.com/embed/video/x2rbh2c" allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true" oallowfullscreen="true" msallowfullscreen="true" frameborder="0" width="100%" height="260"></iframe>
But fullscreen option is not showing .Same code working for youtube video.
You can also try in online..
The script of dailymotion site is not get access for show full screen.
You can see in JavaScript console.
That works
<iframe webkitallowfullscreen mozallowfullscreen allowfullscreen>
I'm building a chrome extension that has some embedded videos available. I'd like for them to be able to go fullscreen, but it doesn't seem to be working.
Here is what I've tried based on some other post's resolutions. Yet still clicking full screen doesn't do anything.
<iframe width="468" height="263" src="https://www.youtube.com/embed/KnzFc0ln2do?rel=0&fs=1" frameborder="0" webkitallowfullscreen allowfullscreen></iframe>
Thanks to another answer I managed to "force" the HD embed as default in a youtube video. Unfortunately it seems that this doesn't co-exist well with the full screen enabled
both
<iframe width="640" height="360" src="http://www.youtube.com/embed/W33zQcIoxhQ?vq=hd720"
frameborder="0" allowfullscreen="true"> </iframe> or just with <iframe width="640"
height="360" src="http://www.youtube.com/embed/083l_FSheWE?vq=hd1080" frameborder="0"
allowfullscreen></iframe>
are working in terms of showing an HD default but do not allow the full screen mode (there is no icon in the youtube player). Thanks in advance for your help!