Question

我是离子框架的新手，请帮助我..
我正在使用iframe来嵌入youtube视频并使用？autopaly = 1来自动播放视频，它在浏览器中工作但不在android中。

Answer 1

嵌入了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&amp;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>

希望这适合你

在Ionic框架中，我使用iframe来自动播放youtube视频，但它不能在android中运行

1 个答案: