Question

我使用phonegap创建了一个基本项目。并将这段html代码添加到我的index.hmtl中点击youtube链接在Phonegap中启动Youtube移动网站（一旦启动，就无法返回我的手机视图）

如何在iPhone / iPad上启用HREF链接以打开原生YouTube应用？ href链接符合Youtube Links的Apple规范，如下所示 https://developer.apple.com/library/safari/#featuredarticles/iPhoneURLScheme_Reference/Articles/YouTubeLinks.html

我的Index.html：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/ 
TR/html4/strict.dtd"> 
<html> 
  <head> 
        <!-- Change this if you want to allow scaling --> 
    <meta name="viewport" content="width=default-width; user- 
scalable=no" /> 
    <meta http-equiv="Content-type" content="text/html; 
charset=utf-8"> 
    <title>MyTube</title> 
        <!-- iPad/iPhone specific css below, add after your main css > 
        <link rel="stylesheet" media="only screen and (max-device-width: 
1024px)" href="ipad.css" type="text/css" /> 
        <link rel="stylesheet" media="only screen and (max-device-width: 
480px)" href="iphone.css" type="text/css" /> 
        --> 
        <!-- If you application is targeting iOS BEFORE 4.0 you MUST put 
json2.js from http://www.JSON.org/json2.js into your www directory and 
include it here --> 
        <script type="text/javascript" charset="utf-8" src="phonegap. 
0.9.4.min.js"></script> 
    <script type="text/javascript" charset="utf-8"> 
        // If you want to prevent dragging, uncomment this section 
        /* 
        function preventBehavior(e) 
        { 
      e.preventDefault(); 
    }; 
        document.addEventListener("touchmove", preventBehavior, false); 
        */ 
        function onBodyLoad() 
        { 
                document.addEventListener("deviceready",onDeviceReady,false); 
        } 
        /* When this function is called, PhoneGap has been initialized and is 
ready to roll */ 
        function onDeviceReady() 
        { 
                // do your thing! 
        } 
    </script> 
  </head> 
  <body onload="onBodyLoad()"> 
        <h1> My You tube Links </h1> 
        <a href="http://www.youtube.com/v/NkTrG-gpIzE"> SOURCE-CODE 
Trailer </a> 
  </body> 
</html>

Answer 1

我试过并得到了相同的结果。这很奇怪，因为我还假设YT链接会触发原生YouTube应用。我发现的一件事是嵌入会做你想要的事情，但没有任何其他方式。

<object width="300" height="199">
    <param name="movie" value="http://www.youtube.com/v/NkTrG-gpIzE?fs=1&amp;hl=en_US&amp;rel=0"></param>
    <param name="allowFullScreen" value="true"></param>
    <param name="allowscriptaccess" value="always"></param>
    <embed src="http://www.youtube.com/v/NkTrG-gpIzE?fs=1&amp;hl=en_US&amp;rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="300" height="199"></embed>
</object>

我唯一的另一个建议就是让你在PhoneGap Google Group上发帖，但我发现你几分钟前刚刚完成了这个。如果我找到其他任何东西，我会尝试分享它，但嵌入方法是迄今为止唯一有效的方法。

Phonegap-0.94，Apple iPhone OS 4.2.1：Youtube链接没有启动Youtube应用程序

1 个答案: