Question

我正在使用JQuery Mobile版本1.1.1

链接到youTube视频时，我有一个链接列表。

<ul>
<li><a href="link to youtube video">See Video</a></li>
</ul>

我的问题是，当它打开视频页面时，我无法返回页面，因为没有后退按钮，它不再位于JQM页面内。

如何打开它以便它有一个后退按钮返回页面有一种关闭的方式所以我可以返回到应用程序而无需重新启动它？

Answer 1

我建议使用YouTube上的IFRAME嵌入方法：

就像设置<iframe>一样简单：

<iframe id="player" type="text/html" width="640" height="390"
  src="http://www.youtube.com/embed/u1zgFlCw8Aw?enablejsapi=1&origin=http://example.com"
  frameborder="0"></iframe>

但您也可以使用YouTube API，请参阅这些文档以获取更多信息：https://developers.google.com/youtube/iframe_api_reference

IFrame播放器API可让您在自己的视频播放器上嵌入YouTube视频播放器   网站并使用JavaScript控制播放器。不同于Flash和   JavaScript播放器API，它们都涉及嵌入Flash对象   在您的网页上，IFrame API会将内容发布到您的标记上   页。这种方法比以前提供了更多的灵活性   可用的API，因为它允许YouTube提供HTML5播放器   比不支持Flash的移动设备的Flash播放器。

Src：以上链接

Answer 2

您可以使用新的<video> HTML标记在HTML5页面中嵌入视频播放器。

Answer 3

@Jasper是正确的，使用iframe嵌入是从移动网站播放视频的最佳方式。未讨论的是涉及的其他内容。这是jquery mobile 1.2.0中新弹出功能的一个很棒的演示（截至2012年10月）：

http://jquerymobile.com/demos/1.2.0/docs/pages/popup/popup-iframes.html

页面内的JQuery Mobile Open Video链接

3 个答案: