After search on google and Stackoverflow, i can't find any solution. Some people write me saying that the youtube videos embebed on my website, load correctly, but without sound on iPhone5 and some iPad's.
I'm using this embebed iframe:
<iframe class="youtube-player" type="text/html" width="560" height="315" src="//www.youtube.com/embed/n6ro5O1_FEs?ps=docs&controls=1" frameborder="0" allowfullscreen></iframe>
I added
class="youtube-player" type="text/html"
ps=docs&controls=1
Over the normal iframe to improve click response on mobile version, without that, we need do many clicks to play video on mobile.
And this is my website http://goo.gl/oSqMFI
Best regards
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.
I have been looking and looking for a solution but can not find one to opening
<iframe width="560" height="315" src="http://www.youtube.com/embed/A6XUVjK9W4o" frameborder="0" allowfullscreen></iframe>
The reason for wanting to open in this format is the generated image link.
Thanks
instead of use embed code, i use only the embed link that wrap an image so when i click the image a shadowbox popup opens with the video inside
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.