2012-08-24 112 views
1

我正在使用JQuery Mobile 1.1.1版本JQuery Mobile打开视频链接页面

我有链接列表链接到youTube视频。

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

我的问题是,它会打开视频页面时,我不能回去的页面,因为没有后退按钮,它不再是一个JQM页面内。

我怎样才能打开它,这样它或者有一个后退按钮返回到了收盘,所以我可以返回到应用程序而无需重新启动它的一个方式的页面?

回答

4

我建议使用来自YouTube的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的移动设备更多的灵活性。

源:上面的链接

+0

哪里的iframe DOM中的存在吗?你是动态添加它,还是应该已经存在,然后使用jquery设置src属性?是否正在通过链接打开的对话框中的iframe? – Redtopia

+0

** 1)**你想让你的用户看到它。 ** 2)**要么工作。 ** 3)**当我这样做时,我只是将IFRAME放在页面的data-role =“content”部分,并将它的宽度设置为100%(如果调整时可以保持宽高比'window.resize'上的高度)。 – Jasper

0

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