Question

我在一个页面中有多个视频。我想在离子框架中播放视频时暂停所有其他视频。

我不仅使用视频管，还使用其他来源。

我的html页面的一部分

<ion-list>
        <div class="card">
            <ion-item ng-repeat="module in co.Modules">
                  {{module.name}}
 <div class="video-container">

                   <iframe allowscriptaccess="always" ng-src="{{module.link}}" frameborder="0"  allowfullscreen></iframe>

                </div>
            </ion-item>
        </div>

<div class="col text-center">
<button class="button button-large button-positive" ng-click="vm.onclick(co.course_name)" >
   Take Assesment
</button>
</div>

</ion-list>

Answer 1

为此，请使用离子iframe中的iframe。

HTML

 <div class="video-container">
    <iframe ng-src="{{getIframeSrc(videoNewsData.VIDEOSCRIPT)}}" frameborder="0" width="560" height="315" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
 </div>

控制器

$scope.getIframeSrc = function(videoId) {
    return $sce.trustAsResourceUrl('http://www.youtube.com/embed/' + videoId);
};

我在页面中有多个视频，当我在离子框架中播放另一个视频时，我需要暂停视频

1 个答案: