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
Related
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>
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 have problem with html page with <object><embeded> video and lightbox2 plugin for pictures. These two component not going very well on the iPad, because when I click on thumb image and lightbox2 comes up, lightbox is under embeded video.
How can it be fixed?
Ofcourse the right version could be that embeded video will under lightbox.
I see on lightbox.css file and z-index: 100;
Already trying <param name="wmode" value="transparent"></param> for embeded video.(youtube video), but no success
And one very important note. In computer desktop browser it's going good. So only on the iPad it's showing bad.
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
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>