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

在Ionic框架中,我使用iframe自动播放youtube视频,但它在android中不起作用,iframe,youtube-api,ionic-framework,Iframe,Youtube Api,Ionic Framework,我是离子框架的新手 我使用iframe嵌入YouTube视频,还使用?autopaly=1自动播放视频,它在浏览器中工作,但在Android中不工作。让嵌入的YouTube视频在Ionic中工作,使用$scope在controllers.js中定义URL,然后在app.js中创建一个过滤器 controllers.js的代码 .controller('FooCtrl', function($scope,$stateParams) { $scope.videoSet = [ [

我是离子框架的新手


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

让嵌入的YouTube视频在Ionic中工作,使用$scope在controllers.js中定义URL,然后在app.js中创建一个过滤器

controllers.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>


希望这对你有用

你能给我看一下你的代码示例吗?嗨,我用你的示例代码让我的youtube播放器视频正常工作,除了通过Ionic View在iPhone上运行它,我没有youtube电影中的任何声音。也许你知道为什么?嗨,很高兴听到它起作用了!我发现HTML5API与Ionic View结合使用时存在不少问题,无论是在Android还是iOs上,所以可能与此有关。。。也许你可以在这里找到更多,或者开始一个新的问题:这里有另一个链接,你可以找到你的解决方案:如果有什么适合你的,请告诉我,干杯