Question

我正在使用Cordova和Ionic框架开发Android应用程序。我正在使用以下代码与InAppBrowser播放YouTube视频：

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

但问题是它打开了inappbrowser但是没有全屏模式选项来观看视频。反正有吗？

Answer 1

使用embed网址，这应该有用。

window.open('https://www.youtube.com/embed/v8WjMiodcKo');

EDIT

第二个选项是使用'_system',，例如

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

EDIT

3.1。下载this npm package $ npm install --save angular-youtube-embed。

3.2。将 angular-youtube-embed.js 从 \ node_modules \ angular-youtube-embed \ src \ 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.5。创建一个控制器

.controller('YoutubeCtrl', function($scope) {
       $scope.BestFriends = 'v8WjMiodcKo';
})

3.6。将其添加到html页面

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

Answer 2

我知道答案有点“老”，但是当我遇到这个问题时，答案并不能真正解决潜在的问题：

对此的真正答案是，这是Cordova插件的局限性，因为它“只是”使用“ WebView”。基本上，这意味着该“问题”归结为this question，如答案所示，“固定”代码保留在GitHub上。

要回到科尔多瓦，您可以做的是clone the inappbrowser-plugin，并使用VideoEnabledWebView对其进行更改，例如使用this patch。或者，您可以克隆my fork。我建议将其作为git-subtree添加到您的存储库中的某处

现在运行cordova plugin remove cordova-plugin-inappbrowser && cordova plugin add ./src/plugins/cordova-plugin-inappbrowser/（或您使用的任何路径）。有了子树，您可以轻松地将更改贡献回原始插件（遗憾的是，如果您阅读此文档，请这样做！），或者从原始插件中提取更改/修复。

免责声明：我的用例是与Cordova一起“玩耍”，因此，如果您有其他要求，我建议您仔细测试此设置并回馈给原始插件以获取反馈。 / p>

InAppBrowser不会在离线状态下以全屏模式播放Youtube视频

2 个答案: