I am using an iFrame for embedding a youtube video in my iOS/iPad application, application displays video nicely, but the problem is, it always streams a low resolution video, I did try all of the "hd=1" of "vq=large" and a few more things. it's not helping. Any help will be greatly appreciable.
go to the Share tab below the video, then the Embed tab
copy the html provided and paste into your site’s editor, should look something like this:
<iframe width=”560″ height=”315″ src=”http://www.youtube.com/embed/RrphKwWOfcg?rel=0″ frameborder=”0″ allowfullscreen></iframe>
then add the magic html additions (in bold)
<iframe width=”560″ height=”315″ src=”http://www.youtube.com/embed/RrphKwWOfcg?rel=0&vq=hd1080” frameborder=”0″ allowfullscreen></iframe>
(or ?rel=0&vq=hd720 for 720p)
Related
Here's what I'm interested in doing. I haven't been able to figure it out so I thought I would ask for advice.
1) Take the link for a YouTube video in the iFrame format they provide.
2) Put this in a post on my blog.
3) When I send someone to this particular post I would like for the video to automatically play and not only that, play in full screen mode.
Is this something I can do? If so can you please tell me how?
Thanks
use autoplay=1 as a parameter in src of your video -
<iframe title="YouTube video player" width="480" height="390" src="http://www.youtube.com/embed/zGPuazETKkI?autoplay=1" frameborder="0" allowfullscreen></iframe>
For more details follow the link - https://developers.google.com/youtube/player_parameters
If I copy the embed code from a YouTube video I get the code below.
<iframe width="560" height="315" src="//www.youtube.com/embed/kk5xfK0ovrk" frameborder="0" allowfullscreen></iframe>
And if I select a 1280x760 size for the video and copy that embed code I get:
<iframe width="1280" height="720" src="//www.youtube-nocookie.com/embed/kk5xfK0ovrk?rel=0" frameborder="0" allowfullscreen></iframe>
But if I just take the original embed code and only change the width to 1280 and height to 720 I also get a perfectly good 1280x760 video. So I'm wondering what the purpose is of the "-nocookie" and the "rel=0" in the code YouTube generates for the 1280x560 case.
Thanks
YouTube's new 'nocookie' feature and Quoting from the Youtube's Rel=0 Documentation:
rel (supported players: AS3, AS2, HTML5) Values: 0 or 1. Default is 1.
This parameter indicates whether the player should show related videos
when playback of the initial video ends.
But after 25 September 2018, you will not be able to disable related
videos. Instead, if the rel parameter is set to 0, related videos will
come from the same channel as the video that was just played.
For further information you can read through the YouTube Embedded Players and Player Parameters where all the parameters are listed.
With iOS6 the old embed code no longer works, it just opens the video in Safari
I tried to use the new embed code, but when I make this dynamic it opens the video in Safari.
When I add a static entry in the webview it works, but it's rather slow and a lot of dom elements are injected
An example for the new embed code;
<iframe type="text/html" width="640" height="385" src="http://www.youtube.com/embed/VIDEO_ID" frameborder="0"> </iframe>
I was thinking to use the HTML5 video tag and find out the url for the video, but this probably violates the Youtube TOS
Any suggestions?
The solution is to set OpenAllWhitelistURLsInWebView to YES in Phonegap settings
I have a youtube video featuring screen recording that really benefits from being in HD, unfortunately it appears to be no longer possible to force hd at embed sizes smaller than 1280px x 720px. I have tried adding &hd=1 to the url param, but it no longer works.
<iframe width="853" height="480" src="http://www.youtube.com/embed/VIBI1jPZQ55?modestbranding=1&showinfo=0&rel=0&hd=1&autohide=1" frameborder="0" allowfullscreen></iframe>
is there anyway around this?
Add &vq=hd1080 instead of &hd=1
Please check for previously answered questions on the same subject in the future, cheers.
I am currently having some trouble displaying a you tube video on my custom fan page. I am using Static HTML I Frame Tab to embed this code. The problem is that the facebook notifications or search drop down menu continues to go behind y you tube video when using IE.
I have included param name="wmode" value="transparent" within the embeded you tube code but for whatever reason the fb drop down menu continues to go behind the video. The fan page is https://www.facebook.com/blaineostrander
Again, this issue only seems to be happening in IE
Thank you in advance
Into src in iframe put ?wmode=opaque
Ex :
<iframe width="420" height="315"
src="http://www.youtube.com/embed/pVllEZirODQ?wmode=opaque"
frameborder="0" allowfullscreen>
</iframe>
Works great for me