Android InAppBrowser在ionic中不以全屏模式播放Youtube视频

Android InAppBrowser在ionic中不以全屏模式播放Youtube视频,android,cordova,ionic-framework,youtube,cordova-plugins,Android,Cordova,Ionic Framework,Youtube,Cordova Plugins,我正在使用Cordova和Ionic框架开发一个Android应用程序。我正在使用iApp浏览器播放YouTube视频,代码如下: window.open('https://www.youtube.com/watch?v=v8WjMiodcKo'); 但问题是它在AppBrowser中打开,但没有观看视频的全屏模式选项。还有其他方法可以这样做吗?使用embedURL,这样应该可以 window.open('https://www.youtube.com/embed/v8WjMiodcKo');

我正在使用Cordova和Ionic框架开发一个Android应用程序。我正在使用iApp浏览器播放YouTube视频,代码如下:

window.open('https://www.youtube.com/watch?v=v8WjMiodcKo');

但问题是它在AppBrowser中打开,但没有观看视频的全屏模式选项。还有其他方法可以这样做吗?

使用
embed
URL,这样应该可以

window.open('https://www.youtube.com/embed/v8WjMiodcKo');
  • 编辑
  • 第二种选择是使用
    “U系统”
    ,如示例所示

    window.open('https://www.youtube.com/watch?v=v8WjMiodcKo', '_system');
    
  • 编辑
  • 3.1。下载
    $npm安装--保存

    3.2。从\node\u modules\angular youtube embed\src\angular-youtube-embed.js复制angular youtube embed.js到www\js

    3.3。在app.js中添加
    'youtube-embed'
    依赖项

    3.4。将此添加到index.html

    <script src="https://www.youtube.com/iframe_api"></script>
    <script src="js/angular-youtube-embed.js"></script>
    
    3.6。将此添加到html页面

    <youtube-video video-id="BestFriends" player-width="'100%'" player-height="'300px'"></youtube-video>
    

    我知道答案有点“旧”,但当我遇到这个问题时,答案并没有真正解决根本问题:

    真正的答案是,这是Cordova插件的一个限制,因为它“只是”使用“WebView”。这基本上意味着这个“问题”归结为“修复”代码维护的答案中所示的问题

    要回到Cordova,您可以做的是使用
    VideoEnabledWebView
    对其进行更改,例如使用。或者你可以克隆。我建议将其作为git子树添加到存储库的某个位置

    现在运行
    cordova plugin在appbrowser中删除cordova plugin&&cordova plugin add./src/plugins/cordova plugin在appbrowser/
    (或您使用的任何路径)。使用subtree,您可以轻松地将更改贡献回原始插件(遗憾的是,我还没有这样做,如果您阅读本文,请这样做!),或者从原始插件中提取更改/修复


    免责声明:我的使用案例是“玩”Cordova,因此如果您有其他要求,我建议您仔细测试此设置,并返回原始插件以获取反馈。

    我不想使用embed,因为它不会播放youtube的某些版权视频。更新后的答案将打开systems youtube应用程序。我希望我的应用程序有某种视频播放器,可以播放youtube URL,而无需离开应用程序。由于inappbrowser在应用程序中播放视频,用户可以关闭它返回到我的应用程序,所以我想可能有办法解决全屏问题。无论如何,谢谢你的努力。与此同时,我正在寻找解决这一挑战的办法。我设法找到了一个解决方案,通过这个解决方案,您可以使用URL而无需嵌入并使用全屏按钮。看起来像这样。如果你愿意,我可以更新我的答案。哇,看起来很棒,你能更新你的答案吗。让我在实际设备上检查一下。你们在实际设备上测试过吗。它不播放版权视频。我之前试过这个插件,我也试过用我的自定义指令使用youtube api,但他们都不播放版权视频。
    <youtube-video video-id="BestFriends" player-width="'100%'" player-height="'300px'"></youtube-video>