How to Make YouTube webapp run in own process

Discussion in 'iPhone Tips, Help and Troubleshooting' started by NeshyD, Jul 17, 2010.

  1. NeshyD macrumors regular

    NeshyD

    Joined:
    Apr 28, 2009
    Location:
    San Francisco, CA
    #1
    Hello everyone,

    I'm sure there has been a post before on how to make any webapp run in fullscreen, but I thought I would post this especially with the new YouTube Webapp that was released recently.


    So let's cut right to the chase! To make the YouTube WebApp run in full screen, make sure to sync the following code as a bookmark (call it 'WebApp' or something similar) to your iOS device.


    Code:
    javascript:var%20meta=document.createElement(%22meta%22);meta.name=%22apple-mobile-web-app-capable%22;meta.content=%22yes%22;document.getElementsByTagName(%22head%22).item(0).appendChild(meta);alert(%22Fullscreen%20enabled%22);
    Once you have the bookmark, navigate on your iOS device to YouTube Mobile (m.youtube.com). After it loads, open up your bookmarks and select the 'WebApp' bookmark and it should pop-up saying 'fullscreen enabled'. With that, you can now save it to the homescreen ('plus' sign then 'Add to Homescreen').

    [​IMG] [​IMG]


    If everything goes to plan, you should have a full working YouTube webapp running in full screen, just as if it was a native iOS App! It works fairly well, and with iOS4, it even supports the media controls, which is a nice touch.


    [​IMG] [​IMG]


    By the way, this can also be used for other WebApps (Google Voice, Buzz, GMail).

    [​IMG]


    Hope this helps anyone and sorry for this large post!

    Neshy
     
  2. andromedaan macrumors member

    andromedaan

    Joined:
    Apr 10, 2010
  3. androiphone macrumors 65816

    Joined:
    Dec 13, 2009
  4. Glaxx macrumors regular

    Glaxx

    Joined:
    Aug 19, 2007
    Location:
    Illinois
  5. Frenchjay macrumors 68000

    Frenchjay

    Joined:
    Jul 6, 2010
  6. deenybird macrumors regular

    Joined:
    Jul 21, 2008
    #6
    thanks for the great tip neshy! 5 starred thread!
    with this little tip I can now background youtube and still get the audio!

    you can do this all right from the phone. Highlight and copy the code, add any bookmark, then edit it and replace the url with the code.
     
  7. anonymous guy macrumors 6502

    Joined:
    Mar 18, 2010
  8. jmccray macrumors regular

    Joined:
    Jan 23, 2008
    #8
    for some reason mine won't let me replace the URL on the phone. is there another way?

    edit: google and found the answer nvm!!!!
     
  9. anonymous guy macrumors 6502

    Joined:
    Mar 18, 2010
    #9
    I got it to work - the only problem is I'm on the iPhone 4 and it displays low-resolution artwork for the icon :(
     
  10. dZp macrumors 6502a

    dZp

    Joined:
    Mar 29, 2006
  11. Evgenyy macrumors regular

    Joined:
    Jun 23, 2010
    #11
    Awesome! I was wondering how to do this. Thanks a lot for the tip!
     
  12. Gamst macrumors regular

    Gamst

    Joined:
    Jun 29, 2008
    Location:
    Manchester, U.K.
    #12
    When I try and sign in, it goes full screen again? When I try to access favourites etc, it does the same. Is this the case for everyone else?
     
  13. hchavarria macrumors 6502

    Joined:
    Oct 8, 2008
    #13
    Wirelessly posted (Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_0_1 like Mac OS X; en-us) AppleWebKit/532.9 (KHTML, like Gecko) Version/4.0.5 Mobile/8A306 Safari/6531.22.7)

    This works great. Thanks for the tip. The YouTube app has now become obsolete in the iPhone, it's to bad that the icon is not high resolution.
     
  14. PabloGS, Feb 24, 2014
    Last edited: Feb 24, 2014

    PabloGS macrumors member

    Joined:
    Oct 29, 2007
    Location:
    Europe
    #14
    Black StatusBar?

    Well... The original idea was to add the YouTube web app as a full screen app to my springboard, since you can play background music using safari. The real app doesn't allow you to do this. This however is obsolete, since full screen web apps won't allow any background audio either as I found out :/

    However I encountered one problem: The StatusBar on iOS7 is plain Black when I added YouTube this way to my springboard.

    Any idea why?

    Edit:

    I just modified a bookmarklet to add the status-bar-style to the head and it didn't help.

    Here's the bookmarklet:
    Code:
    javascript:(function()%7Bvar%20a=document.getElementsByTagName('head').item(0);if(document.querySelectorAll('meta%5Bname=apple-mobile-web-app-capable%5D').length==0)%7Bvar%20c=document.createElement('meta');c.name='apple-mobile-web-app-capable';c.content='yes';a.appendChild(c)%7D;if(document.querySelectorAll('meta%5Bname=apple-mobile-web-app-status-bar-style%5D').length==0)%7Bvar%20b=document.createElement('meta');b.name='apple-mobile-web-app-status-bar-style';b.content='default';a.appendChild(b)%7Dalert('App%20Mode%20Activated')%7D)();
    where b.content can either be:
    default
    black
    black-translucent

    I assume UIStatusBarStyleLightContent isn't supported either...

    Safari HTML Reference: Supported Meta Tags

    Just out of curiosity: Any clue?
     

Share This Page