Databases
StackOverflow2013
Postsdbo
POYoutube play button disappears on iphone
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POYoutube play button disappears on iphone
    text
    copied!<p>I have the following simple two page html doc which makes use of Jquery Mobile:</p> <pre><code>&lt;div data-role="page" id="main_page"&gt; &lt;ul id="test" data-role="listview"&gt; &lt;li&gt;&lt;a href="#page_1" data-transition="slide"&gt;Video&lt;/a&gt; &lt;/li&gt; &lt;li&gt;&lt;a href="#page_1" data-transition="slide"&gt;Video&lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;div data-role="page" id="page_1" data-theme="a"&gt;Heres a youtube video: &lt;div id="youtubeVideo" data-theme="a" class="ui-content"&gt; &lt;iframe class="youtube-player" type="text/html" width="100%" src="http://www.youtube.com/embed/cTl3U6aSd2w" frameborder="0"&gt;&lt;/iframe&gt; And here's a html5 video: &lt;video width="100%" controls&gt; &lt;source src="http://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4"&gt; &lt;source src="http://www.w3schools.com/html/mov_bbb.ogg" type="video/ogg"&gt;Your browser does not support the video tag.&lt;/video&gt; &lt;/div&gt; </code></pre> <p>Here it is in action in <a href="http://jsfiddle.net/MdRG7/2/" rel="noreferrer">jsfiddle</a>.</p> <p>On Iphone, if you navigate from the first page to the second and play the youtube video, all works as expected. But if you hit the browser's back button and then navigate again back to the youtube video, you'll see that the window is black and it is not possible to play the video again.</p> <p>How might I solve this problem?</p> <p>Please note that my aim is to be able to play video on mobile platforms.</p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload