Load embed youtube video in fullscreen mode by button click - iOS - ios

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.

Related

Embedded YouTube videos without hidden controls until clicking on the video

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>

VLC activex windowless mode not working

The feature was added in version 2.0.6
see http://wiki.videolan.org/Documentation:WebPlugin
<object style="z-index:0;position:relative" classid="clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921"
codebase="http://download.videolan.org/pub/videolan/vlc/last/win32/axvlc.cab" width="352" height="288" id="vlc">
<param name="Src" value="" />
<param name="windowless" value="True" />
</object>
<div style="width:50px;height:50px;position: absolute;z-index: 1000;background: green;top:0;left:0"></div>
The green div should be placed over the activex control, why is it not?.
Your green square will appear at the top left hand corner of the screen. You need to mess with the css to position it where your control appears.

ipad html z index lightbox embeded video

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.

Show embed YouTube player's progress bar when auto hide

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

How to create Flash component without visible scene?

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>

Resources