在Ionic Framework App中，在浏览器中播放youtube视频但不在Android设备中播放

Question

在一个简单的Ionic应用程序中，我必须播放YouTube视频。它在浏览器中工作正常但不能在实际的Android设备上运行。 我提到了http://plnkr.co/edit/XmyAhE?p=preview

的代码

我在离子应用程序中使用以下代码，

<ion-view view-title="{{navTitle}}">
    <ion-content has-header="true" padding="true">
        <div class="list card">
            <div class="item item-divider">
                <i class="ion-videocamera"></i>
                Video
            </div>
            <div class="padding">
                <object width="100%" height="150">
                    <param name="movie" value="https://www.youtube.com/v/WzhW20hLp6M?version=3&amp;hl=uk_UA&amp;rel=0"></param>
                    <param name="allowFullScreen" value="true"></param
                    <param name="allowscriptaccess" value="always"></param>
                    <embed src="https://www.youtube.com/v/WzhW20hLp6M?version=3&amp;hl=uk_UA&amp;rel=0" type="application/x-shockwave-flash" width="100%" height="150" allowscriptaccess="always" allowfullscreen="true"></embed>
                </object>
            </div>
        </div>  
    </ion-content>
</ion-view>

这是浏览器输出屏幕：

在Android设备中输出屏幕：

请帮帮我。

Answer 1

考虑使用iframe代替<object></object。这是instructions on how to get the iframe from a youtube video。使用iframe方法的好处是，如果浏览器支持html5，它将使用html5播放视频。如果Web浏览器支持，它还支持各种其他播放方法。这是一些further reading on youtube video playback。

Answer 2

我在我的应用程序中使用添加插件解决了我的问题

  cordova plugin add https://github.com/apache/cordova-plugin-whitelist.git