在Ionic框架中，我使用iframe自动播放youtube视频，但它在android中不起作用

Question

我是Ionic Framework的新手。

我正在使用iframe嵌入YouTube视频，还使用?autopaly=1自动播放视频，它可以在浏览器中工作，但不能在Android中工作。

Answer 1

让嵌入的youtube视频在Ionic中工作，用$scope在controllers.js中定义URL，然后在app.js中创建过滤器。

控制器.js 的代码

.controller('FooCtrl', function($scope,$stateParams) {
   $scope.videoSet = [
    [
      { url: 'https://www.youtube.com/embed/oHg5SJYRHA0?rel=0&autoplay=1', t: '3:33'}
    ]
   ];
   $scope.videoId = $stateParams.videoId;
})

app.js 的代码

.filter('trustAsResourceUrl', ['$sce', function($sce) {
    return function(val) {
        return $sce.trustAsResourceUrl(val);
    };
}])

foo.html模板的代码

<ion-view view-title="Youtube Videos">
<ion-content ng-repeat="video in videoSet[videoId]">
    <ion-list>
        <div class="card">
            <ion-item>
                <iframe src="{{video.url | trustAsResourceUrl}}" frameborder="0" width="560" height="315"></iframe>
            </ion-item>
        </div>
    </ion-list>
</ion-content>
</ion-view>

希望这对你有效