htmljqtouchhtml5-video

jQTouch: How to embed YouTube video?


I am trying to embed a YouTube video into a page of a jQTouch mobile app.

I tried using the "embed" code from YouTube and it worked on my desktop browser (Chrome), but not on my iPod Touch browser (Safari).

I then tried using the HTML5 video tag, and still got nothing.

How exactly can I embed a YouTube video into a jQTouch app?

I have seen embedded YouTube videos from non-jQTouch pages (e.g. www.squidoo.com/sqlitehammer) which played fine on the iPod Touch.


Solution

  • I have the following code block as part of a jqtouch app (running from the web), which launches the YouTube app as expected when tested on a mobile device:

        <div id="m_intro1" class="current">
            <div class="toolbar">
                <h1>Page Heading</h1>
                <a class="back" href="#">Home</a>
            </div>
            <div style="text-align: center;">
                <object width="320" height="320">
                    <param name="movie" value="http://www.youtube.com/v/{your_movie_id_goes_here}?fs=1&amp;hl=en_US" />
                    <param name="allowFullScreen" value="true" />
                    <param name="allowscriptaccess" value="always" />
                    <embed src="http://www.youtube.com/v/{your_movie_id_goes_here}?fs=1&amp;hl=en_US" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="320" height="320" />
                </object>
            </div>
        </div>