在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上,所以可能与此有关。。。也许你可以在这里找到更多,或者开始一个新的问题:这里有另一个链接,你可以找到你的解决方案:如果有什么适合你的,请告诉我,干杯