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
Related
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)
The page is http://www.rcblue.com/Music/YouTube/YouTube.htm
I'd like the Ligeti video, http://www.youtube.com/watch?feature...&v=ECC6l7fAhJQ , to appear at about 400x550 size at the very top of the page. It should show one image of the video and have that big right-pointing triangle to click to start the video.
How should I code this (in HTML5)?
Add this:
<iframe width="550" height="400" src="//www.youtube.com/embed/ECC6l7fAhJQ?rel=0" frameborder="0" allowfullscreen></iframe>
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
i wish to use soundcloud in a jquery mobile page. I copy pasted the following:
<iframe width="100%" height="166" scrolling="no" frameborder="no" src="http://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F63422331&show_artwork=true"></iframe>
from http://soundcloud.com/amar-dj/
It works well in chrome browser but when i upload the jquery page on mobile, the track doesnt play.
Also I wish to customize the soundcloud widget to include the track, play button and the artist and track name that's it. No like or share button! For this i wrote the following:
<iframe width="100%" height="166" scrolling="no" frameborder="no" src="http://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F63422331&&show_artwork=false&show_comments=false&show_playcount=false&liking=false&sharing=false&buying=false;color=ff7700"></iframe>
All but the like button disappears. How do i hide the like button?
Thanks for spotting this problem, you should now be able to hide purchase link as well by supplying buying=false parameter (the problem is fixed and deployed).
As for the like button, please notice that in your example you have not placed an ampersand (&) between liking=false and color=ff7700. If you add it, you won't see like button.
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