Youtube iframe embed with webkit-transform scale on iOS - ios

I would have loved to use -webkit-transform scale() on an embedded youtube iframe for mobile users. But if you visit http://jsfiddle.net/tKbHz/9/ on iOS, there is some funkiness with the scaling of the iframe. This is not the case in Chrome or Desktop Safari (Mac). I believe I have found a bug within youtube - because other iframes seem to behave properly. Anyone experience this or know of a fix?

Doesn't the youtube video on mobile devices just go to the media player anyway?

Related

Youtube Videos on IOS Not working

I am trying to use Youtube Videos link to my website..
I can able to view the videos in all browsers but cant view them on IPads and Iphones.
I am getting the html code as in the link Click For LINK Here with out getting the Video:
Can you please help me out.
make sure, Does iOS Device support format of video you are linking.

Support for WebView

Does video.js support Android WebView?
We use an Android app to put a tablet in Kiosk Mode in which our web app runs. However, webview video tag does not give us a image of the first frame, only the ugly widgets background.
A better question might be whether your WebView supports video.js. You need to configure the WebView to behave equivalently to a proper browser – HTML5 video definitely won't work without some tweaking. I've found this custom web view to work well (including with video.js):
https://code.google.com/p/html5webview/

Difference between content in uiwebview and mobile safari?

I am showing a twitter feed in a uiwebview... however there is a problem: it appears significantly differently in the uiwebview then what it does in mobile safari. Ultimately, I much prefer the look of the feed as it is shown in mobile safari. Is there any way to 'trick' the web view into displaying itself as safari? Possibly by altering the user agent? Thanks.
Ended up altering the user agent. App made it past apple review fine.
UIWeView and Safari doesn't display all the pages as the same..There can be minor differences in formatting in UIWebView which won't be found in Safari..
Solution to this is to use javascript to alter the WebView itself programmatically to display things right..
more info avaialble in UIWebView Class Reference doc here

Black Youtube video over Google Maps v3 infowindow!

Ive got this very strange problem related to google maps and youtube. I have embedded a youtube video in an iframe. and i have embed that iframe in an info window. Now the problem is that when i run it on firefox, the video shows up black. on chrome, its distorted. but when i open that iframe in separate tab. the video is just fine!
Anyone else having this problem?
I have tried the same in Google Maps v2 and its working good!
Okay so I have been following this issue for a very long time now. Using the HTML 5 option of embedding a Youtube video and putting wmode=opaque and autoplay=1 and using the latest browsers from FF, IE, Safari and Chrome everything works fine / great. Problem is, intermittently, in FF a video shows up with audio only. This happens say 1 out of 10 times (meaning in 9 cases Youtube video + audio, in 1 case Youtube audio only). Clicking on the dark region brings full screen where video is visible ! I am yet to find out a pattern to diagnose this problem. Else, things are much better now. I am doing like what you are. Clicking on a marker on Maps V3 opens up an iframe. Inside that iframe i call a Youtube video using the iframe embed option. Maps V2, no problem !!!
This is an open issue at Google Maps v3 !
http://code.google.com/p/gmaps-api-issues/issues/detail?id=3160

iPad + HTML5 Video Tag + External display issue

I am using HTML5 video tags in a UIWebview on the iPad, and positioning them as needed using CSS. The key part of these videos is that they are designed to take up part, but not all, of the visible area on the page. When I'm doing this in the "normal" mode of displaying content only to the primary UIScreen, everything works great.
However, when an external VGA projector is hooked up as a second UIScreen, the video tag content immediately becomes FULL SCREEN. This seems to also happen in Safari when looking at, for example, YouTube videos. In searching the docs, there seems to be no way to stop / control this behavior.
Is there any way to stop a video tag from forcing its content to go to full screen when a second display is connected?
Unfortunately, using a UIWebView iOS 3.2 doesn't offer any way to do this. Video in a UIWebView always plays fullscreen on an external display using the TV out feature.
However, the good news is that iOS 4 does offer a solution. UIWebView has a couple of new properties:
allowsInlineMediaPlayback
http://developer.apple.com/library/ios/documentation/uikit/reference/UIWebView_Class/Reference/Reference.html#//apple_ref/doc/uid/TP40006950-CH3-SW32
mediaPlaybackRequiresUserAction
http://developer.apple.com/library/ios/documentation/uikit/reference/UIWebView_Class/Reference/Reference.html#//apple_ref/doc/uid/TP40006950-CH3-SW33
The former will allow the videos to remain 'inline' as opposed to using the full-screen player.

Resources