如何使用 videogular 和 ionic v1 在 Android 上自动播放视频？答案

【问题标题】：How to autoplay videos on Android using videogular and ionic v1?如何使用 videogular 和 ionic v1 在 Android 上自动播放视频？
【发布时间】：2017-09-27 17:10:44
【问题描述】：

在我的项目中，我尝试在 Android 设备上自动播放视频。目前，我有以下内容：

        <videogular vg-player-ready="ionicVideoCtrl.onPlayerReady($API)"
                    vg-complete="ionicVideoCtrl.onCompleteVideo()"
                    vg-theme="ionicVideoCtrl.config.theme"
                    vg-autoplay="ionicVideoCtrl.config.autoPlay">
            <vg-media vg-src="ionicVideoCtrl.config.sources"
                      vg-youtube="{{ ionicVideoCtrl.config.youTubeOptions }}"
                      vg-native-controls="ionicVideoCtrl.isYouTube">
            </vg-media>

            <vg-buffering data-ng-if="!ionicVideoCtrl.config.isYouTube"></vg-buffering>
            <vg-controls data-ng-if="!ionicVideoCtrl.config.isYouTube"
                         vg-autohide="ionicVideoCtrl.config.autoHide"
                         vg-autohide-time="ionicVideoCtrl.config.autoHideTime">
                <vg-play-pause-button></vg-play-pause-button>
                <vg-time-display>{{ currentTime | date:'mm:ss' }}</vg-time-display>
                <vg-scrub-bar>
                    <vg-scrub-bar-current-time></vg-scrub-bar-current-time>
                </vg-scrub-bar>
                <vg-time-display>{{ timeLeft | date:'mm:ss' }}</vg-time-display>
                <vg-volume>
                    <vg-mute-button></vg-mute-button>
                    <vg-volume-bar></vg-volume-bar>
                </vg-volume>
                <vg-fullscreen-button></vg-fullscreen-button>
            </vg-controls>

            <vg-poster data-ng-if="!ionicVideoCtrl.config.isYouTube || ionicVideoCtrl.isLoadingVideo"
                       vg-url='ionicVideoCtrl.config.plugins.poster'></vg-poster>

            <!--<vg-analytics vg-track-info="ionicVideoCtrl.config.plugins.analytics"></vg-analytics>-->

            <vg-overlay-play data-ng-if="!ionicVideoCtrl.config.isYouTube"></vg-overlay-play>
        </videogular>

ionicVideoCtrl.config.autoPlay = true 和 ionicVideoCtrl.config.youTubeOptions = 'rel=0;showinfo=0;autoplay=1;' 在哪里

这在我的浏览器中运行良好，但在 Android 设备上却不行。这是操作系统限制的东西吗？有解决方法吗？

【问题讨论】：

标签： android angularjs ionic-framework videogular

【解决方案1】：

我从未使用过 Videogular，但 Ionic 应用程序只是普通的 HTML5 网络应用程序。

因此，此处适用任何其他网页的规则。

请参阅official documentation 声明

如果同时设置了自动播放和静音，则视频元素进入视野后将自动开始播放，并且可以使用 play() 实用地启动静音视频的播放。以前，无论静音状态如何，移动设备上的播放都必须由用户手势启动。

以下代码也可以在文档中找到：

<video autoplay muted>
    <source src="video.webm" type="video/webm" />
    <source src="video.mp4" type="video/mp4" />
</video>

是的，确实是操作系统限制。

【讨论】：