youtube HD embed + full screen enabled not working - html

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!

Related

Embed videos from Youtube, Vimeo, etc

I want to embed videos on my site, but I don't want to keep videos on my server. I want something like an iframe, but I want to be capable to use links from any source, not just from youtube or vimeo. What can I do?
<iframe width="560" height="349" src="https://www.youtube.com/embed/FM7MFYoylVs?enablejsapi=1&playsinline=1&controls=0" frameborder="0" allowfullscreen id="video"></iframe>
Here is what i've tried but that's not what I need.:(
I think iframe should be your best choice, But as iframe is not what you need , you can also have a look at object
<html>
<body>
<iframe src="http://www.youtube.com/embed/W7qWa52k-nE"
width="560" height="315" frameborder="0" allowfullscreen></iframe>
<object data="http://www.youtube.com/embed/W7qWa52k-nE"
width="560" height="315"></object>
<object data="http://player.vimeo.com/video/214414572"
width="561" height="316" frameborder="0" webkitAllowFullScreen mozallowfullscreen
allowFullScreen></object>
</body>
</html>
support to vimeo videos depents on the target as vimeo videos are flash. so if you display a vimeo video using iframe or object then as long as device is supported, it will show the video
It is possible to have your own iframe and then embed the required iframe or src as required.
So you would have a MASTER iframe that when loaded will hold the youtube iframe inside. And you can do the same with each option that you are requiring. Just set your iframe size to match the others.

How to enable full screen youtube video on Android with HTML5 app?

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...

Iframe allowfullscreen not working for dailymotion video

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>

Can I VEVO video embed autoplay?

I have searched high and low for any VEVO documentation, but there does not seems to be some.
Can VEVO video embeds be instructed to autoplay?
I have guessed several parameters like the one below.
<iframe width="575" height="324" src="http://cache.vevo.com/m/html/embed.html?video=GBA320903400" frameborder="0" autoplay="1" allowfullscreen></iframe>
I believe this is possible by adding "&autoplay=1" to the iframe URL.
<iframe width="575" height="324" src="http://cache.vevo.com/m/html/embed.html?video=GBA320903400&autoplay=1" frameborder="0" allowfullscreen></iframe>
you can iframe the embed player url, utm content none will hide the vevo logo and skip the ads showing in the player embed code.
now you will need to find the autostop enable...
<iframe width='480' height='270' src='http://www.vevo.com/watch/GBA320903400?utm_medium=embed_player&utm_content=none' frameborder='0' allowfullscreen scrolling='No'></iframe>

Embeded video into my website

Is there any way to embed video from this site? http://azdrama.net/watch-online-divas-in-distress-episode-01-21600.html
I tried to copy the link in view source mode, but the video address will be change after some period of time.
Appreciated if anyone could help.
<iframe frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="665" height="460" src="http://azdrama.net/getvideo/embed.php?id=MTU2LDIxOCwyMTgsMjEzLDE2MywxNTYsOTksMTAwLDE2MiwxNTksMTU0LDE5OSwyMTcsMTQ4LDE2NywxNTIsMTUxLDE0NiwyMDEsMTYwLDE1OSwyMDIsMTU4LDE0OSw5OSwxOTYsMjEyLDE2MCw5NywxNjQsMTU0LDk3LDE2NCwyMDYsMjEzLDIxNywxNTksMTQ1LDE0OSwxMDQsMTQ5LDE1NywxMzgsMjA4LDE4MywxMTgsMTE5LDExOCwxNjUsMjA1LDE2NSwxNzEsMTQ1LDE1MSwxMzIsOTcsMTIzLDE0NiwyMTQsMTA2LDEwNCwxMzMsMTIxLDExOCwxMjcsMTc1LDIyNCwxNTEsMTY3LDIwMywxMzksMTY4LDE2NiwxNDMsMTA5LDIwMCwyMjMsMTQwLDE2OSwxMDQsMTAxLDE2MywyMDAsMTUwLDE0NSwyMTUsMTExLDE0OCwxNTgsMjExLDIwMiwxNTAsMTY2LDE2NCwxNTUsMTYwLDE1OQ==&w=665&h=435"></iframe>​