angularjs - 在 Ionic Framework 应用程序中在浏览器中播放 YouTube 视频，但不在 Android 设备中播放

Question

在一个简单的 Ionic 应用程序中，我必须播放 YouTube 视频。它在浏览器中运行良好，但无法在实际的 Android 设备上运行。我引用了http://plnkr.co/edit/XmyAhE?p=preview中的代码

我在我的 ionic 应用程序中使用以下代码，

<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来播放视频。如果网络浏览器支持，它还支持各种其他播放方法。这是一些further reading on youtube video playback .