I'd like to display embedded YouTube videos with the controls hidden by default, and when the user clicks on the video, controls appear. Just as the videos on this page.
In Google documentation pages I found how to hide controls altogether, but not in this way. And using Firebug while visiting this page I can't see any options used in the iframe code that relates to controls.
So how to do that?
for some reason the embed code isn't allowing you to hide player controls anymore (it was working yesterday). The way I used to make it work again is to use the old embed code with the parameters to hide the controls when you click the video they show up but if you roll out they hide again here's the code:
<object width="560" height="310">
<param name="movie" value="https://www.youtube.com/v/_-7K-z5zzOs?version=3&rel=0&autohide=1&iv_load_policy=3&modestbranding=1&showinfo=0"></param>
<param name="allowScriptAccess" value="always"></param>
<embed src="https://www.youtube.com/v/_-7K-z5zzOs?version=3&rel=0&autohide=1&iv_load_policy=3&modestbranding=1&showinfo=0" type="application/x-shockwave-flash" allowscriptaccess="always" width="560" height="310"></embed>
</object>
UPDATE
its back working fine here's the code:
<iframe width="560" height="240" src="//www.youtube.com/embed/_-7K-z5zzOs?autohide=1&iv_load_policy=3&modestbranding=1&rel=0&showinfo=0" frameborder="0"></iframe>
The "autohide" parameter worked for me:
<iframe src="https://www.youtube.com/embed/C4wPA6EKTJw?autohide=1" width="800" height="460" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
Related
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.
So the question is:
Can i load load embed youtube video in fullscreen mode, by button click, skip intermediate UIWebView?
Googling gave me only one answer - probably NO, but hope still alive.
Have you tried embedding the video as a fullscreen page?
Something like:
<object style="height: 768px; width: 1024px">
<param name="movie" value="http://www.youtube.com/v/gPLb9FVKoqI?version=3&feature=player_detailpage">
<param name="allowFullScreen" value="true">
<param name="allowScriptAccess" value="always">
<embed src="http://www.youtube.com/v/gPLb9FVKoqI?version=3&feature=player_detailpage" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="1024" height="768">
...and then present it in a fullscreen UIWebView?
This is assuming you somehow generate yourself the embedded pages (which shouldn't be difficult if you know the video id)
Other than that, I don't see what other options you might have.
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
YouTube change their player to black style.
When you watching a video on YouTube website, the player bar will disappear when you mouse out the player, but still keep the progress bar, like this:
So I try to embed the video on web page, but when I set autohide=1, the player bar totally gone, include progress bar.
Have any idea to do that like on youtube website?
<object width="425" height="349">
<param name="movie" value="http://www.youtube.com/v/u1zgFlCw8Aw?version=3&hl=en_US&rel=0"></param>
<param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param>
<embed src="http://www.youtube.com/v/u1zgFlCw8Aw?autohide=1&enablejsapi=1&iv_load_policy=3&version=3&hl=en_US&rel=0" type="application/x-shockwave-flash" width="425" height="349" allowscriptaccess="always" allowfullscreen="true"></embed>
</object>
Updated 2011-10-28
I set autohide to 3 (not be mentioned at Youtube player document), that's what I want.
Try the iframe option instead?
Test putting autohide after enablejsapi?
Or test out autohide=2 (default option) to see if that brings it back, then try change it again.
http://code.google.com/apis/youtube/player_parameters.html#autohide
I would like to integrate mp3 sound file into web-page using Flash, just to play it if some event occurs. It seems to me, the easiest way to do that is to integrate a small swf file into web-page and send path to mp3 file as parameter in element. So basically swf gets path to mp3 file and plays it.
Is it possible to make flash element (swf file) without a picture or without scene? It looks like, flash element always need to have a visible screen, but I don't need it because my flash component doesn't need to show anything to a user.
UPDATE:
At this moment, I made 1x1px flash and hid it in HTML document, using object element.
<object width="0" height="0">
You could try hiding it with css or jquery? or maybe make the BG colour of the swf the same as your webpage.
Can you just make it float and transparent?
<object style="position: absolute; top: -1px; left: -1px;" width="1" height="1">
<param name="wmode" value="transparent">
<embed src="thing.swf" wmode="transparent" width="1" height="1" />
</object>